<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';
	@import "uview-ui/index.scss";
	/* #ifndef APP-NVUE */
	@import '@/static/customicons.css';
	// 设置整个项目的背景色
	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;
	}
	
	.content {
		position: relative;
		display: flex;
		flex: 1;
		overflow: auto;
		flex-direction: column;
	}
	
	/* 解决图片加载抖动 */
	image {
		width: 100%;
		height: auto;
	}
	// 价钱
	.activePrice {
		height: 44rpx;
		color: rgba(235, 195, 154, 1);
		font-size: 36rpx;
		font-weight: 700;
		text-align: left;
		line-height: 44rpx;
		letter-spacing: 0.6rpx;
	}
	.dollorS {
		height: 32rpx;
		color: rgba(235, 195, 154, 1);
		font-size: 28rpx;
		font-weight: 500;
		font-family: 'PingFang SC';
		text-align: center;
		line-height: 32rpx;
	}
	.textlv{
		color: rgba(62,85,78,1);;
	}
	.price {
		height: 28rpx;
		opacity: 1;
		color: rgba(194, 194, 194, 1);
		font-size: 22rpx;
		font-weight: 500;
		text-align: left;
		line-height: 28rpx;
	}
	.td {
		text-decoration: line-through;
	}
	
	/* 消除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>