<script>
	/**
	 * vuex管理登陆状态，具体可以参考官方登陆模板示例
	 */
	import {
		mapState,
		mapActions
	} from 'vuex'
	// #ifdef APP-PLUS
	import APPUpdate from '@/uni_modules/zhouWei-APPUpdate/js_sdk/appUpdate';
	// #endif
	export default {
		methods: {
			...mapActions('common', ['coinList', 'getAppVersion', 'getConfig']),
			...mapActions('user', ['initLogin']),
			refreshConfig(){
				this.getConfig()
				setInterval(() => {
					this.getConfig()
				}, 10000)
			},
			async connectWs(){
				let res = await this.getConfig()
				let ws = 'wss://www.huobi.mw/-/s/pro/ws'
				if(res.data && res.data.huobiDomain){
					ws = res.data.huobiDomain
				}
				this.$store.dispatch('WEBSOCKET_INIT', ws)
			}
		},
		onLaunch: function() {
			let $this = this
			
			$this.connectWs()
			
			$this.coinList()
			
			this.$fire.$on("refreshCoin", () => {
				$this.coinList()
			});
			
			// #ifdef APP-PLUS
			APPUpdate();
			// #endif
		},
		onShow: function() {
			console.log('App Show')
			this.initLogin()
			uni.setTabBarItem({
				index: 0,
				text: this.$t('message').tabBar.market
			})
			uni.setTabBarItem({
				index: 1,
				text: this.$t('message').tabBar.news
			})
			uni.setTabBarItem({
				index: 2,
				text: this.$t('message').tabBar.miner
			})
			uni.setTabBarItem({
				index: 3,
				text: this.$t('message').tabBar.wallet
			})
			uni.setTabBarItem({
				index: 4,
				text: this.$t('message').tabBar.me
			})
		},
		onHide: function() {
			console.log('App Hide')
		},
	}
</script>

<style lang='scss'>
	@import "uview-ui/index.scss";
	body{
		font-family: "Source Han Sans CN";
	}
	page{
		width: 100%;
		height: 100%;
	}
	/*
		全局公共样式和字体图标
	*/
	@font-face {
		font-family: yticon;
		font-weight: normal;
		font-style: normal;
		src: url('./static/font/font_1078604_w4kpxh0rafi.ttf') format('truetype');
	}

	.yticon {
		font-family: "yticon" !important;
		font-size: 16px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icon-yiguoqi1:before {
		content: "\e700";
	}

	.icon-iconfontshanchu1:before {
		content: "\e619";
	}

	.icon-iconfontweixin:before {
		content: "\e611";
	}

	.icon-alipay:before {
		content: "\e636";
	}

	.icon-shang:before {
		content: "\e624";
	}

	.icon-shouye:before {
		content: "\e626";
	}

	.icon-shanchu4:before {
		content: "\e622";
	}

	.icon-xiaoxi:before {
		content: "\e618";
	}

	.icon-jiantour-copy:before {
		content: "\e600";
	}

	.icon-fenxiang2:before {
		content: "\e61e";
	}

	.icon-pingjia:before {
		content: "\e67b";
	}

	.icon-daifukuan:before {
		content: "\e68f";
	}

	.icon-pinglun-copy:before {
		content: "\e612";
	}

	.icon-dianhua-copy:before {
		content: "\e621";
	}

	.icon-shoucang:before {
		content: "\e645";
	}

	.icon-xuanzhong2:before {
		content: "\e62f";
	}

	.icon-gouwuche_:before {
		content: "\e630";
	}

	.icon-icon-test:before {
		content: "\e60c";
	}

	.icon-icon-test1:before {
		content: "\e632";
	}

	.icon-bianji:before {
		content: "\e646";
	}

	.icon-jiazailoading-A:before {
		content: "\e8fc";
	}

	.icon-zuoshang:before {
		content: "\e613";
	}

	.icon-jia2:before {
		content: "\e60a";
	}

	.icon-huifu:before {
		content: "\e68b";
	}

	.icon-sousuo:before {
		content: "\e7ce";
	}

	.icon-arrow-fine-up:before {
		content: "\e601";
	}

	.icon-hot:before {
		content: "\e60e";
	}

	.icon-lishijilu:before {
		content: "\e6b9";
	}

	.icon-zhengxinchaxun-zhifubaoceping-:before {
		content: "\e616";
	}

	.icon-naozhong:before {
		content: "\e64a";
	}

	.icon-xiatubiao--copy:before {
		content: "\e608";
	}

	.icon-shoucang_xuanzhongzhuangtai:before {
		content: "\e6a9";
	}

	.icon-jia1:before {
		content: "\e61c";
	}

	.icon-bangzhu1:before {
		content: "\e63d";
	}

	.icon-arrow-left-bottom:before {
		content: "\e602";
	}

	.icon-arrow-right-bottom:before {
		content: "\e603";
	}

	.icon-arrow-left-top:before {
		content: "\e604";
	}

	.icon-icon--:before {
		content: "\e744";
	}

	.icon-zuojiantou-up:before {
		content: "\e605";
	}

	.icon-xia:before {
		content: "\e62d";
	}

	.icon--jianhao:before {
		content: "\e60b";
	}

	.icon-weixinzhifu:before {
		content: "\e61a";
	}

	.icon-comment:before {
		content: "\e64f";
	}

	.icon-weixin:before {
		content: "\e61f";
	}

	.icon-fenlei1:before {
		content: "\e620";
	}

	.icon-erjiye-yucunkuan:before {
		content: "\e623";
	}

	.icon-Group-:before {
		content: "\e688";
	}

	.icon-you:before {
		content: "\e606";
	}

	.icon-forward:before {
		content: "\e607";
	}

	.icon-tuijian:before {
		content: "\e610";
	}

	.icon-bangzhu:before {
		content: "\e679";
	}

	.icon-share:before {
		content: "\e656";
	}

	.icon-yiguoqi:before {
		content: "\e997";
	}

	.icon-shezhi1:before {
		content: "\e61d";
	}

	.icon-fork:before {
		content: "\e61b";
	}

	.icon-kafei:before {
		content: "\e66a";
	}

	.icon-iLinkapp-:before {
		content: "\e654";
	}

	.icon-saomiao:before {
		content: "\e60d";
	}

	.icon-shezhi:before {
		content: "\e60f";
	}

	.icon-shouhoutuikuan:before {
		content: "\e631";
	}

	.icon-gouwuche:before {
		content: "\e609";
	}

	.icon-dizhi:before {
		content: "\e614";
	}

	.icon-fenlei:before {
		content: "\e706";
	}

	.icon-xingxing:before {
		content: "\e70b";
	}

	.icon-tuandui:before {
		content: "\e633";
	}

	.icon-zuanshi:before {
		content: "\e615";
	}

	.icon-zuo:before {
		content: "\e63c";
	}

	.icon-shoucang2:before {
		content: "\e62e";
	}

	.icon-shouhuodizhi:before {
		content: "\e712";
	}

	.icon-yishouhuo:before {
		content: "\e71a";
	}

	.icon-dianzan-ash:before {
		content: "\e617";
	}

	@font-face {
		font-family: fexfont;
		font-weight: normal;
		font-style: normal;
		src: url('./static/font/fexfont.ttf') format('truetype');
	}

	.fexfont {
	  font-family: "fexfont" !important;
	  font-size: 16px;
	  font-style: normal;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}
	.icon-UnionPay{
		font-size: 26px;
		margin-right: 8px;
		color: #f5a623;
	}
	.icon-UnionPay:before {
	  content: "\e612";
	}
	.icon-Wechat{
		font-size: 26px;
		margin-right: 8px;
		color: #0caf91;
	}
	.icon-Wechat:before {
	  content: "\e6d8";
	}
	.icon-Alipay{
		font-size: 26px;
		margin-right: 8px;
		color: #1296db;
	}
	.icon-Alipay:before {
	  content: "\e760";
	}
	.icon-list-1-copy:before {
	  content: "\e605";
	}
	
	.icon-shaixuan:before {
	  content: "\e671";
	}
	
	.icon-weixin:before {
	  content: "\e63e";
	}
	
	.icon-yinhangqia:before {
	  content: "\e873";
	}
	
	.icon-zhifubao:before {
	  content: "\e68a";
	}
	
	.icon-paypal:before {
	  content: "\e68b";
	}
	
	.icon-yinlian:before {
	  content: "\e68c";
	}
	
	.icon-12:before {
	  content: "\e63d";
	}
	
	.icon-work-copy:before {
	  content: "\e611";
	}
	
	.icon-xitonggonggao:before {
	  content: "\e673";
	}
	
	.icon-bangzhu:before {
	  content: "\e656";
	}
	
	.icon-shequguanli:before {
	  content: "\e628";
	}
	
	.icon-tuijian:before {
	  content: "\e627";
	}
	
	.icon-anquan:before {
	  content: "\e681";
	}
	
	.icon-fankui:before {
	  content: "\e64f";
	}
	
	.icon-zijin:before {
	  content: "\e62d";
	}
	
	.icon-shezhi:before {
	  content: "\e62e";
	}
	
	.icon-bianminshenghuo:before {
	  content: "\e62f";
	}
	
	.icon-fengxinpinggu:before {
	  content: "\e630";
	}
	
	.icon-zhibo:before {
	  content: "\e631";
	}
	
	.icon-qushi:before {
	  content: "\e632";
	}
	
	.icon-zaixiankefu:before {
	  content: "\e633";
	}
	
	.icon-xinxuanshangcheng:before {
	  content: "\e634";
	}
	
	.icon-fulizhongxin:before {
	  content: "\e635";
	}
	
	.icon-hudongshequ:before {
	  content: "\e636";
	}
	
	.icon-licai:before {
	  content: "\e637";
	}
	
	.icon-lingquhongbao:before {
	  content: "\e638";
	}
	
	.icon-bangdan:before {
	  content: "\e639";
	}
	
	.icon-gerenzhongxin:before {
	  content: "\e63a";
	}
	
	.icon-qianbao:before {
	  content: "\e63b";
	}
	
	.icon-xiaoxi:before {
	  content: "\e63c";
	}

	view,
	scroll-view,
	swiper,
	swiper-item,
	cover-view,
	cover-image,
	icon,
	text,
	rich-text,
	progress,
	button,
	checkbox,
	form,
	input,
	label,
	radio,
	slider,
	switch,
	textarea,
	navigator,
	audio,
	camera,
	image,
	video {
		box-sizing: border-box;
	}
	/* 骨架屏替代方案 */
	.Skeleton {
		background: #f3f3f3;
		padding: 20upx 0;
		border-radius: 8upx;
	}

	/* 图片载入替代方案 */
	.image-wrapper {
		font-size: 0;
		background: #f3f3f3;
		border-radius: 4px;

		image {
			width: 100%;
			height: 100%;
			transition: .6s;
			opacity: 0;

			&.loaded {
				opacity: 1;
			}
		}
	}

	.clamp {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
	}

	.common-hover {
		background: #f5f5f5;
	}

	/*边框*/
	.b-b:after,
	.b-t:after {
		position: absolute;
		z-index: 3;
		left: 0;
		right: 0;
		height: 0;
		content: '';
		transform: scaleY(.5);
		border-bottom: 1px solid $border-color-base;
	}

	.b-b:after {
		bottom: 0;
	}

	.b-t:after {
		top: 0;
	}

	/* button样式改写 */
	uni-button,
	button {
		height: 80upx;
		line-height: 80upx;
		font-size: $font-lg + 2upx;
		font-weight: normal;

		&.no-border:before,
		&.no-border:after {
			border: 0;
		}
	}

	uni-button[type=default],
	button[type=default] {
		color: $font-color-dark;
	}

	/* input 样式 */
	.input-placeholder {
		color: #999999;
	}

	.placeholder {
		color: #999999;
	}
	
	
	.little-line{ position:relative;}
	.little-line:after {
	    content: " ";
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 100%;
	    height: 1px;
	    background-color: #DCDFE6;
	    /* 如果不用 background-color, 使用 border-top:1px solid blue; */
	    -webkit-transform: scaleY(.5);
	    transform:scaleY(.5);
	 }
	 .line{
		width: 100%;
		height: 20upx;
		background: #EEF2F5;
	 }
	 .upper-text{
		 color: $uni-color-upper
	 }
	 .lower-text{
	 	 color: $uni-color-lower
	 }
</style>