mobile_h5/shop/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>
	/*每个页面公共css */

	.body {
		/* width: 100vw; */
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.body-radius {
		border-radius: 50rpx;
		overflow: hidden;
		/* 确保边框圆角不会溢出 */
	}

	.uni-row {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.uni-column {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.uni-jct {
		justify-content: start;
	}

	.uni-jcc {
		justify-content: center;
	}

	.uni-jcsa {
		justify-content: space-around;
	}

	.uni-jcsb {
		justify-content: space-between;
	}

	.uni-jcse {
		justify-content: space-evenly;
	}

	.uni-ais {
		align-items: flex-start;
	}
	
	.uni-aie {
		align-items: flex-end;
	}
	
	.uni-aibl {
		align-items: baseline;
	}
	
	.uni-hidden {
		visibility: hidden;
	}
	
	.uni-nowrap {
		white-space: nowrap;
	}
	
	.uni-ovf-hidden {
		overflow: hidden;
	}
	
	.uni-ovf-ellipsis {
		text-overflow: ellipsis;
	}
	
</style>