zhitiqiao/src/App.vue

<script setup>

</script>

<template>
  <div>
    
	<router-view></router-view>
  </div>
</template>


<style lang="scss">

@import "assets/css/base.css";
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
background: #F5F5F5;
min-height: 100vh;
font-size: 16px;
// padding-bottom: 224px;
}
div{
  box-sizing: border-box;
}
.u-flex {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.u-flex-col {
		display: flex;
		flex-direction: column;
	}

	.u-flex-wrap {
		flex-wrap: wrap;
	}

	.u-flex-nowrap {
		flex-wrap: nowrap;
	}

	.u-col-center {
		flex-direction: column;
		align-items: center;
	}

	.u-col-top {
		align-items: flex-start;
	}

	.u-col-bottom {
		align-items: flex-end;
	}

	.u-row-center {
		justify-content: center;
	}

	.u-row-left {
		justify-content: flex-start;
	}

	.u-row-right {
		justify-content: flex-end;
	}

	.u-row-between {
		display: flex;
		justify-content: space-between;
	}

	.u-row-around {
		display: flex;
		justify-content: space-around;
	}
</style>