<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" global>
	/*每个页面公共css */
	@import '@/static/iconfont/iconfont.css';
	
	/* 顶部状态栏占位（自动适配刘海高度） */
	.status-bar {
	  height: var(--status-bar-height);
	  width: 100%;
	}
	
	.page-container {
		width: 100%;
		height: calc(100vh - var(--status-bar-height));
	}
	
	.solid-line {
		width: 100%;
		border-bottom: 1rpx solid #999;
	}
	
	.icon-btn {
		padding: 10rpx;
		border-radius: 20rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.text-btn {
		padding: 10rpx;
		border-radius: 20rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.switch-box {
		width: 42px;
		height: 20px;
		background-color: #999;
		border-radius: 10px;
		display: flex;
		align-items: center;
		padding: 1px;
	}
	
	.switch-box.active {
		justify-content: flex-end;
		background-color: #00aaff;
	}
	
	.switch-track {
		width: 20px;
		height: 20px;
		background-color: #ffffff;
		border-radius: 50%;
	}
	
	.popup-overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(193, 193, 193, 0.4);
		z-index: 1000;
	}
	
	.popup-card {
		width: 90%;
		height: auto;
		background-color: #ffffff;
		border-radius: 50rpx;
		padding: 50rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		position: relative;
	}
	
	.close-popup-card {
		position: absolute;
		top: 10rpx;
		right: 10rpx;
		color: #ff0000;
		padding: 10rpx;
		box-sizing: border-box;
	}
	
	.popup-title {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>
