<template>
	<view class="flex-col" style="height:100%;overflow-y: auto;">
		<view class="group_1 flex-col justify-end" style="padding-bottom: 500rpx;">
			<view class="group_2 flex-col" style="height: auto;">
				<view class="grid_1 flex-row" style="">
					
					<button class="image-text_1 flex-col justify-between" plKain="true" open-type="contact"
						@contact="contact" v-for="(item, index) in loopData3" :key="index" style="height: auto;">
						<image class="icon_1" referrerpolicy="no-referrer" :src="item.lanhuimage0" />
						<text class="text-group_1"
							style="text-align: center;margin: 0;width: auto;padding-bottom: 30rpx;margin-top: 10rpx;">{{item.lanhutext0}}</text>
					</button>
					
					<view class="image-text_1 flex-col justify-between" v-for="(item, index) in loopData1" :key="index"
						@tap="go(item.lanhutext0)">
						<image class="icon_1" referrerpolicy="no-referrer" :src="item.lanhuimage0" />
						<text class="text-group_1"
							style="text-align: center;margin: 0;width: auto;">{{item.lanhutext0}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
	</view>
</template>
<script>
	import {
		mapState
	} from 'vuex';
	export default {
		data() {
			return {
				vip:'',
				loopData1: [{
						lanhuimage0: '/static/lanhu_shouye/x4.png',
						lanhutext0: '会员'
					},
					{
						lanhuimage0: '/static/lanhu_shouye/x5.png',
						lanhutext0: '订单'
					},
					{
						lanhuimage0: '/static/lanhu_shouye/x6.png',
						lanhutext0: '收藏'
					},
					{
						lanhuimage0: '/static/lanhu_shouye/x7.png',
						lanhutext0: '客服'
					},
					{
						lanhuimage0: '/static/lanhu_shouye/x8.png',
						lanhutext0: '学习'
					},
					{
						lanhuimage0: '/static/lanhu_shouye/x9.png',
						lanhutext0: '资金提现'
					},
					{
						lanhuimage0: '/static/lanhu_shouye/x10.png',
						lanhutext0: '关于我们'
					}
				],
				loopData2: [],
				loopData3: [
				
					{
						lanhuimage0: '/static/lanhu_shouye/x7.png',
						lanhutext0: '客服'
					},
				
				],
				constants: {}
			};
		},
		computed: {
			...mapState(['user', 'statistics', 'common'])
		},
		onLoad() {
			uni.setNavigationBarColor({
					backgroundColor: '#802931', // 背景颜色
					frontColor: '#ffffff' // 前景颜色（包括标题、返回图标等）
				}),
				this.getData()
		},
		onShow() {
			this.getData()
		},
		methods: {
			getData() {
				this.$api.get({
					url: '/wanlshop/data/getData',
					success: res => {
						this.anli = res.anli
						this.huodong = res.huodong
						this.lunbo = res.lunbo
							this.vip = res.vip
					}
				});
			},
			go1(id) {
				if (!this.user.id) {
					this.$wanlshop.msg('请先登录');
					return false
				}
				uni.navigateTo({
					url: '/pages/lanhu_zhuantixiangqing/index?id=' + id
				});
			},

			go(tab) {
				if (!this.user.id) {
					this.$wanlshop.msg('请先登录');
					return false
				}
				console.log(tab)
				if (tab == '战略咨询') {
					uni.navigateTo({
						url: '/pages/lanhu_zhuantixiangqing/index?id=1'
					});
				}

				if (tab == '天使投资') {
					uni.navigateTo({
						url: '/pages/lanhu_zhuantixiangqing/index?id=2'
					});
				}
				if (tab == '品牌翻红') {
					uni.navigateTo({
						url: '/pages/lanhu_zhuantixiangqing/index?id=3'
					});
				}
				if (tab == '资金提现') {
					uni.navigateTo({
						url: '/pages/user/money/withdraw'
					});
				}

				if (tab == '客服') {
					uni.navigateTo({
						url: '/pages/user/service'
					});
				}
				if (tab == '收藏') {
					uni.navigateTo({
						url: '/pages/lanhu_shoucang/index'
					});
				}
				if (tab == '学习') {
					uni.navigateTo({
						url: '/pages/lanhu_xuexi/index'
					});
				}
				if (tab == '订单') {
					uni.navigateTo({
						url: '/pages/lanhu_wodedingdan/index'
					});
				}
				if (tab == '关于我们') {
					uni.navigateTo({
						url: '/pages/lanhu_guanyuwomen/index'
					});
				}
				if (tab == '专题列表') {
					uni.navigateTo({
						url: '/pages/lanhu_zhuantiliebiao/index'
					});
				}

				if (tab == '热门活动') {
					uni.navigateTo({
						url: '/pages/lanhu_remenhuodong/index'
					});
				}
				if (tab == '会员') {
					if (this.vip) {
						this.$wanlshop.msg('您已经是会员，无需再次开通');
						return
					}
					uni.navigateTo({
						url: '/pages/lanhu_goumaihuiyuan/index'
					});
				}

			}
		}
	};
</script>
<style lang='css'>
	@import '../common/common.css';
	@import './assets/style/index.rpx.css';

	.uni-margin-wrap {

		width: 100%;
	}

	.swiper {
		height: 200rpx;
	}

	.uni-swiper-slide-frame {
		border-radius: 20px;
	}

	.swiper-item {
		display: block;
		height: 300rpx;
		line-height: 300rpx;
		text-align: center;
	}

	.swiper-list {
		margin-top: 40rpx;
		margin-bottom: 0;
	}
	
	
	button[plain] {
		border: 0
	}
	
	button::after {
		border: none;
	}
	
	uni-button:after {
	
		border: none
	}
</style>