<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	@import "./static/style/icons.css";

	page {
		background: linear-gradient(to bottom, #F0F0F0, #FFFFFF);
		background-size: 100vw 100vh;
		background-repeat: no-repeat;
	}

	.page-container {
		display: flex;
		flex-direction: column;
		padding: 15px;
	}

	/* 每个页面公共css */
	/* 解决小程序和app滚动条的问题 */
	#ifdef MP-WEIXIN || APP-PLUS::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}

	#endif

	/* 解决H5的问题 */
	#ifdef H5 uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}

	#endif checkbox.round .wx-checkbox-input,
	checkbox.round .uni-checkbox-input {
		border-radius: 100rpx;
		width: 36rpx !important;
		height: 36rpx !important;
	}

	checkbox.yellow[checked] .wx-checkbox-input,
	checkbox.yellow.checked .uni-checkbox-input {
		background-color: #ff9944 !important;
		border-color: #ff9944 !important;
		color: #ffffff !important;
	}


	.divider-v {
		margin-top: 5rpx;
		width: 90%;
		height: 3rpx;
		background-color: #F0F0F0;
		align-self: center;
	}

	.divider-h {
		width: 1px;
		height: 10px;
		background-color: #e7e4e4;
		padding: 0px 1px;
		margin-left: 10px;
		align-self: center;
	}

	.divider-v-100 {
		height: 1rpx;
		background-color: #F0F0F0;
		width: 100%;
	}

	.single-line {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.mt-10 {
		margin-top: 10rpx;
	}

	.mt-20 {
		margin-top: 20rpx;
	}

	.mr-10 {
		margin-right: 10rpx;
	}

	.ml-10 {
		margin-left: 10rpx;
	}

	.ml-20 {
		margin-left: 20rpx;
	}

	.mb-10 {
		margin-bottom: 10rpx;
	}

	.mb-20 {
		margin-bottom: 20rpx;
	}

	.mt-40 {
		margin-top: 40rpx;
	}

	.mr-40 {
		margin-right: 40rpx;
	}

	.ml-40 {
		margin-left: 40rpx;
	}

	.mb-40 {
		margin-bottom: 40rpx;
	}

	.mg {
		margin: 10rpx;
	}

	.pd {
		padding: 10rpx;
	}

	.mg-20 {
		margin: 20rpx;
	}

	.mg-40 {
		margin: 40rpx;
	}

	.pd-20 {
		padding: 20rpx;
	}

	.pd-40 {
		padding: 40rpx;
	}

	.bottom-dialog-box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-top-right-radius: 15rpx;
		border-top-left-radius: 15rpx;
		padding: 30rpx;
	}

	.bottom-title-box {
		display: flex;
		flex-direction: row;
		align-items: center;
		position: relative;
	}

	.uni-popup-message__box {
		text-align: center;
	}

	.uni-popup {
		z-index: 9999;
	}
</style>