mobile_h5/card/App.vue

<script>
	export default {
		data() {
			return {
			}
		},
		onLaunch: function() {
			// console.log('App Launch')
		},
		onShow: function() {
			// console.log('App Show')
			// this.$audio.play();
		},
		onHide: function() {
			// console.log('App Hide')
			// this.$audio.pause();
		},
		methods: {
		}
	}
</script>

<style>
	/*每个页面公共css */
	
	.body {
		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: flex-start;
	}
	
	.uni-jcc {
		justify-content: center;
	}
	
	.uni-jce {
		justify-content: flex-end;
	}
	
	.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>