<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 */
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";
	
	page {
		background-color: #f4f4f4;
	}
	
	*{
		box-sizing: border-box;
	}
	
	.primary-font-color{
		color: $u-primary;
	}
	
	.flex{
		display: flex;
		flex-direction: row;
	}
	.flex-center{
		align-items: center;
	}
	.flex-column{
		display: flex;
		flex-direction: column;
	}
	
	// 背景虚化
	.el-blur{
		filter: blur(20rpx) brightness(60%);; // 模糊半径和变暗
		transform: scale(1.2); // 控制边缘是否模糊，小于1的话边缘会模糊
	}
	
	.base-box{
		margin: 24rpx 24rpx 0 24rpx;
		padding: 24rpx;
		border-radius: 6rpx;
		background-color: #FFFFFF;
	}
</style>