<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";
</style>
<script>
	/**
	 * vuex管理登陆状态，具体可以参考官方登陆模板示例
	 */
	import {
		mapState,
		mapMutations
	} from 'vuex';
	export default {
		methods: {
			...mapMutations(['login','updateApplicationConfig','updateCartInfo','updateActiveLayout'])
		},
		computed: {
			...mapState(['uiConfig'])
		},
		onLaunch: function() {
			let that = this;
			//设置竖屏
			// #ifdef APP-PLUS
			plus.screen.lockOrientation('portrait-primary');
			// #endif
			//如果缓存了用户，获取用户信息
			uni.getStorage({
				key: 'userInfo',
				success: function (res) {
					if(res.data){
						that.login(res.data);
					}
						
				},
				fail: function (res) {
					console.log('no user info found from storage');
				}
			});
			//如果缓存了购物车，获取购物车信息
			uni.getStorage({
				key: 'cartInfo',
				success: function (res) {
					if(res.data){
						that.updateCartInfo(res.data);
					}
				},
				fail: function (res) {
					console.log('no cart info found');
				}
			});
			//获取应用全局设置
			this.$api.request.applicationConfig({}, res => {
				if (res.body.status.statusCode === '0') {
					var data = res.body.data;
					this.updateApplicationConfig(data); //将全局设置保存起来
					if(data.activeLayout){
						//如果后台有设置有效的页面布局，则更新默认的布局
						this.updateActiveLayout(data.activeLayout);
					}
				} else {
					console.log('获取应用全局设置失败');
				}
			});
			var tokenId = uni.getStorageSync('userToken');
			if(tokenId){
				//使用token就可以查询用户信息
				this.$api.request.userInfo({
					tokenId: tokenId
				}, loginRes => {
					if (loginRes.body.status.statusCode === '0') {
						this.login(loginRes.body.data);	//将用户信息保存起来
					} else {
						console.log('同步用户信息失败, tokenId: '+tokenId);
					}
				});
			}
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
	}
</script>

<style lang='scss'>
	@import './static/css/style.css';
</style>
<style lang='scss'>
	@import './static/iconfont/iconfont.css';
</style>
<style lang='scss'>
	/* radio选择样式 */
	uni-radio .uni-radio-input.uni-radio-input-checked {
		background-color: $base-color !important;
		border-color: $base-color !important;
	}
	uni-progress .uni-progress-bar .uni-progress-inner-bar {
		background-color: $base-color !important;
	}
	uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked{
		color: $base-color !important;
		border: 1px solid $base-color !important;
	}
	uni-switch .uni-switch-input.uni-switch-input-checked {
		border-color: $base-color !important;
		background-color: $base-color !important;
	}
	uni-modal .uni-modal__btn_primary {
		color: $base-color !important;
	}
	.uni-fab__circle{
		background-color: $base-color !important;
	}
	.uni-fab--rightBottom{
		bottom: calc(80px + var(--window-bottom)) !important;
	}
	.uni-fab__circle--rightBottom{
		bottom: calc(80px + var(--window-bottom)) !important;
	}
	.uni-input-input:disabled {  
	     pointer-events: none;  
	}
/* 图片载入替代方案 */
	.image-wrapper {
		font-size: 0;
		background: #f3f3f3;
		border-radius: 4px;
	
		image {
			width: 100%;
			height: 100%;
			transition: .6s;
			opacity: 0;
	
			&.loaded {
				opacity: 1;
			}
		}
	}
</style>