xiangqin/App.vue

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	.bg{
		position: fixed;
		width: 100vw;
		height: 100vh;
		z-index: -1;
	}
	@import "@/uni_modules/uview-ui/index.scss";
	@import "common/demo.scss";
	page {
		background-color:#fff;
	}
	
	/* 横向靠左 */
	.all-row-start {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
	}
	
	/* 横向靠右 */
	.all-row-end {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
	}
	
	/* 横向居中 */
	.all-row-center {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	
	/* 纵向靠上 */
	.all-col-start {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	
	/* 纵向靠下 */
	.all-col-end {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
	}
	
	/* 纵向居中 */
	.all-col-center {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.u-flex {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
	}
	.u-warp{
		flex-wrap: wrap;
	}
	.u-flex-col {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: center;
	}
	.u-flex-wrap {
		flex-wrap: wrap;
	}
	
	.u-flex-nowrap {
		flex-wrap: nowrap;
	}
	
	.u-col-center {
		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 {
		justify-content: space-between;
	}
	
	.u-row-around {
		justify-content: space-around;
	}

</style>