<script>
	export default {
		onLaunch: function() {
			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import '@/uni_modules/uni-scss/index.scss';
	/* #ifndef APP-NVUE */
	@import '@/static/customicons.css';
	// 设置整个项目的背景色
	@import "uview-ui/index.scss";
	page {
		background-color: #f5f5f5;
	}

	/* #endif */
	.example-info {
		font-size: 14px;
		color: #333;
		padding: 10px;
	}
	/*每个页面公共css */
		page,
		view,
		text,
		swiper,
		swiper-item,
		image,
		navigator {
			padding: 0;
			margin: 0;
			box-sizing: border-box;
		}
		page{
			background-color: #f5f7fa;
		}
		
		/* 解决图片加载抖动 */
		image {
			width: 100%;
			height: auto;
		}
		
		
		/* 消除padding的副作用 */
		.boxSizing {
			box-sizing: border-box;
		}
		
		/* 主体盒子 */
		.mainContainer {
			/* width: 100%; */
			/* height: 100%; */
			display: flex;
			flex-direction: column;
		}
		
		/* flex布局 */
		.flex {
			display: flex;
		}
		
		.flexColumn {
			flex-direction: column;
		}
		
		.wrap {
			flex-wrap: wrap;
		}
		
		.alignC {
			align-items: center;
		}
		
		.alignS {
			align-items: flex-start;
		}
		
		.alignE {
			align-items: flex-end;
		}
		
		.alignBetween {
			align-content: space-between;
		}
		
		.justifyE {
			justify-content: flex-end;
		}
		
		.justifyA {
			justify-content: space-around;
		}
		
		.justifyC {
			justify-content: center;
		}
		
		.justifyS {
			justify-content: flex-start;
		}
		
		/* 两端对齐 */
		.justifyBetween {
			justify-content: space-between;
		}
		
		/* 定位属性 */
		.absolute {
			position: absolute;
		}
		
		.relative {
			position: relative;
		}
		
		.fixed {
			position: fixed;
		}
		
		.top0 {
			top: 0;
		}
		
		.right0 {
			right: 0;
		}
		
		.bottom0 {
			bottom: 0;
		}
		
		.left0 {
			left: 0;
		}
		
		/* 元素垂直居中 */
		.XYcenter {
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		
		/* 层级关系 */
		.z-1 {
			z-index: -1;
		}
		
		.z0 {
			z-index: 0;
		}
		
		.z1 {
			z-index: 1;
		}
		
		.z2 {
			z-index: 2;
		}
		
		.z3 {
			z-index: 3;
		}
		
		.z4 {
			z-index: 4;
		}
		
		.z5 {
			z-index: 5;
		}
		
		/* 元素透明度 */
		.opacity0 {
			opacity: 0;
		}
		
		.opacity01 {
			opacity: 0.1;
		}
		
		.opacity02 {
			opacity: 0.2;
		}
		
		.opacity03 {
			opacity: 0.3;
		}
		
		.opacity04 {
			opacity: 0.4;
		}
		
		.opacity05 {
			opacity: 0.5;
		}
		
		.opacity06 {
			opacity: 0.6;
		}
		
		.opacity07 {
			opacity: 0.7;
		}
		
		.opacity08 {
			opacity: 0.8;
		}
		
		.opacity09 {
			opacity: 0.9;
		}
		
		.opacity1 {
			opacity: 1;
		}
		
		/* 元素溢出 */
		.ofHidden {
			overflow: hidden;
		}
		
		.ofAuto {
			overflow: auto;
		}
		
		/* 文本 */
		/* 对齐方式 */
		.textCenter {
			text-align: center;
		}
		
		.textLeft {
			text-align: left;
		}
		
		.textRight {
			text-align: right;
		}
		
		/* 字体大小 */
		.size12 {
			font-size: 12rpx;
		}
		
		.size14 {
			font-size: 14rpx;
		}
		
		.size16 {
			font-size: 16rpx;
		}
		
		.size18 {
			font-size: 18rpx;
		}
		
		.size20 {
			font-size: 20rpx;
		}
		
		.size22 {
			font-size: 22rpx;
		}
		
		.size24 {
			font-size: 24rpx;
		}
		
		.size26 {
			font-size: 26rpx;
		}
		
		.size28 {
			font-size: 28rpx;
		}
		
		.size30 {
			font-size: 30rpx;
		}
		
		.size32 {
			font-size: 32rpx;
		}
		
		.size34 {
			font-size: 34rpx;
		}
		
		.size36 {
			font-size: 36rpx;
		}
		
		.size38 {
			font-size: 38rpx;
		}
		
		.size40 {
			font-size: 40rpx;
		}
		
		.size42 {
			font-size: 42rpx;
		}
		
		.size44 {
			font-size: 44rpx;
		}
		
		.size46 {
			font-size: 46rpx;
		}
		
		.size48 {
			font-size: 48rpx;
		}
		
		/* 文字粗细 */
		.weight600 {
			font-weight: 600;
		}
		
		.weight700 {
			font-weight: 700;
		}
		
		.weight800 {
			font-weight: 800;
		}
		
		.weight900 {
			font-weight: 900;
		}
		
		/* 文字颜色 */
		.colorFFF {
			color: #fff;
		}
		
		.color000 {
			color: #000;
		}
		
		/* 背景色 */
		.bgColorFFF {
			background-color: #fff;
		}
		
		.bgColor000 {
			background-color: #000;
		}
</style>