<template>
	<view class="flex-col" style="height:100%;overflow-y: auto;background-color: #F8F6ED;">


		<image v-if="ttt==1" :src="tanchuang.image" @tap="go1(tanchuang.id)"
			style="width: 70%;margin-left:15%;height:600rpx;position: relative;z-index: 99999;top:200rpx;border-radius: 5px;opacity:100%;">
		</image>
		<view v-if="ttt==1" @tap="quxiao()" style="width: 50rpx;margin-left:45%;height:50rpx;position: relative;z-index: 99999;top:230rpx;border-radius:100%;opacity:100%;
			text-align: center;font-size:15px;line-height: 40rpx;
			border: 1px solid black;">
			x
		</view>
		<view :style="ttt == 1 ? 'opacity: 0.5;' : 'opacity: 1;'">

			<image class="image_1" src="/static/lanhu_shouye/22.png" />

			<view class="group_1 flex-col justify-end">
				<view class="group_2 flex-col" style="height: auto;">
					<view class="group_7 flex-col" style="">

					</view>

					<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
						:interval="interval" :duration="duration" style="
						top:-150rpx;width: 94%;margin-left: 3%;height:300rpx;border-radius: 10px;
						overflow: hidden;position: relative;z-index: 9999;">

						<swiper-item v-for="(item, index) in lunbo" :key="index" @tap="go1(item.id)"
							style="border-radius: 10px;">
							<image :src="item.image" mode="aspectFill"
								style="width: 100%;height: 100%;border-radius: 10px;">
						</swiper-item>
					</swiper>


					<view class="input_1 flex-row" style="margin-top: -130rpx;" @tap="go('搜索')">
						<image style="width: 28rpx;height: 31rpx;margin: 25rpx 0 0 40rpx;" 
							src="/static/lanhu_kecheng/81c7c1c64717dc63b3f22bf8626afcc4.png" />
						<view pclass="text_44" placeholder="搜索" 
							style="height:80rpx;margin-left: 20rpx;color: gray;line-height:75rpx;">搜索</view>
					</view>


					<view class="image-wrapper_1 flex-row" style="">
						<image class="image_2" referrerpolicy="no-referrer" :src="item.lanhuimage0" @tap="go(item.name)"
							v-for="(item, index) in loopData0" :key="index" />
					</view>

					<view class="box_1 flex-row justify-between">
						<view class="box_2 flex-col justify-between" @tap="go('战略咨询')">
							<text class="text_1">战略咨询</text>
							<image class="image_3" referrerpolicy="no-referrer"
								src="/static/lanhu_shouye/e502c1a68cb4444ec696608a4265077a.png" />
						</view>
						<text class="text_2" @tap="go('投诚意向')">投诚意向</text>
						<text class="text_3" @tap="go('品质品牌')">品质品牌</text>
					</view>
					<!-- zhuanti -->

					<image class="image_12" referrerpolicy="no-referrer"
						src="/static/lanhu_shouye/55bedbb6e04b80d94db5f84b6a14cd90.png" />
					<view class="grid_1 flex-row" style="margin-top: 30rpx;">

						<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"
								style="margin-left: 17rpx;" />
							<text class="text-group_1"
								style="text-align: center;margin: 0;width: auto;padding-bottom:55rpx;margin-top:0rpx;">{{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)" style="height: 130rpx;">
							<image class="icon_1" referrerpolicy="no-referrer" :src="item.lanhuimage0"
								style="margin-left: 17rpx;" />
							<text class="text-group_1"
								style="text-align: center;margin: 0;width: auto;margin-top: 0;width: 100%;">{{item.lanhutext0}}</text>

						</view>
					</view>


					<image class="image_4" referrerpolicy="no-referrer" style=""
						src="/static/lanhu_shouye/e502c1a68cb4444ec696608a4265077a.png" />

					<image class="image_12" referrerpolicy="no-referrer"
						src="/static/lanhu_shouye/55bedbb6e04b80d94db5f84b6a14cd90.png" />


					<view class="box_3 flex-row">
						<image class="image_5" referrerpolicy="no-referrer"
							src="/static/lanhu_shouye/ad4c9277c7fd616d318f11716a2e4e5c.png" />
						<image class="image_6" referrerpolicy="no-referrer"
							src="/static/lanhu_shouye/ea85f7465b30a5c4d65387c5ae2d5219.png" />
						<text class="text_4" @tap="go('专题列表')">查看更多&gt;&gt;</text>
					</view>


					<view class="list_1 flex-col" style="height: 100%;">
						<view class="list-items_1 flex-row" v-for="(item, index) in anli" :key="index"
							@tap="go1(item.id)" style="height: 190rpx;">
							<image class="box_4 flex-col" :src="item.image"></image>

							<view class="box_5 flex-col justify-between">
								<text class="text_5" style="font-weight: 900;">{{item.title}}</text>
								<view class="section_1 flex-row justify-between" style="">
									<view class="image-text_2 flex-row justify-between">
										<image class="image_7" referrerpolicy="no-referrer"
											style="height: 15rpx;width: 30rpx;margin-top: 10rpx;"
											src="/static/lanhu_shouye/x12.png" />
										<text class="text-group_2" style="margin-left: 10rpx;">{{item.views}}</text>

									</view>

									<text class="text_6">{{item.ctime}}</text>
								</view>
							</view>
						</view>
					</view>

					<view>
						<image class="image_4" referrerpolicy="no-referrer" style=""
							src="/static/lanhu_shouye/dc8a0af80aed57daa3fb3edc8b31efbe.png" />
						<image class="image_13" referrerpolicy="no-referrer" style="top:0"
							src="/static/lanhu_shouye/55bedbb6e04b80d94db5f84b6a14cd90.png" />

					</view>

					<!-- 热门活动 -->

					<image class="image_14" referrerpolicy="no-referrer"
						src="/static/lanhu_shouye/dc8a0af80aed57daa3fb3edc8b31efbe.png" />

					<view class="box_3 flex-row">
						<image class="image_5" referrerpolicy="no-referrer"
							src="/static/lanhu_shouye/ad4c9277c7fd616d318f11716a2e4e5c.png" />
						<image class="image_6" referrerpolicy="no-referrer"
							src="/static/lanhu_shouye/1efa23837c7696321d531a7b85af52ac.png" />
						<text class="text_4" @tap="go('热门活动')">查看更多&gt;&gt;</text>
					</view>


					<view class="list_1 flex-col" style="height: auto;">
						<view class="list-items_1 " v-for="(item, index) in huodong" :key="index" @tap="go1(item.id)"
							style="height: auto;padding-bottom:20rpx">
							<image class="box_4 flex-col" :src="item.image"
								style="width: 100%;height:300rpx;margin: 0;">
							</image>

							<view class="box_5 flex-col justify-between"
								style="height: auto;margin-top: 10rpx;width: 100%;">
								<text class="text_5"
									style="height: auto;width: 94%;font-weight: 900;">{{item.title}}</text>
								<view class="section_1 flex-row justify-between"
									style="margin-top: 0;width: 100%;margin-top:10rpx;">
									<view class="image-text_2 flex-row justify-between">
										<image class="image_7" referrerpolicy="no-referrer"
											style="height: 15rpx;width: 30rpx;margin-top: 10rpx;"
											src="/static/lanhu_shouye/x12.png" />
										<text class="text-group_2" style="margin-left: 10rpx;">{{item.views}}</text>
									</view>
									<text class="text_6"
										style="margin-right: 20rpx;margin-right: 20rpx;">{{item.ctime}}</text>
								</view>
							</view>

						</view>
					</view>

					<view style="height:50rpx;"></view>

				</view>
			</view>
		</view>
	</view>
	</view>
</template>
<script>
	import {
		mapState
	} from 'vuex';
	export default {
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				ttt: 1,
				tanchuang: '',
				interval: 2000,
				duration: 500,
				vip: '',
				lunbo: [],
				anli: [],
				huodong: [],
				loopData0: [{
						lanhuimage0: '/static/lanhu_shouye/v1战略咨询.png',
						name: '战略咨询'
					},
					{
						lanhuimage0: '/static/lanhu_shouye/v2投诚意向.png',
						name: '投诚意向'

					},
					{
						lanhuimage0: '/static/lanhu_shouye/v3品质品牌.png',
						name: '品质品牌'
					}
				],
				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: '关于我们'
					},
					{
						lanhuimage0: '/static/lanhu_shouye/x11.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
						this.tanchuang = res.tankuang
						console.log(444, this.tanchuang)
					}
				});
			},
			go1(id) {
				if (!this.user.id) {
					this.$wanlshop.msg('请先登录');
					return false
				}
				uni.navigateTo({
					url: '/pages/lanhu_zhuantixiangqing/index?id=' + id
				});
			},
			quxiao() {
				this.ttt = ''
			},
			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/lanhu_shouye2/index'
					});
				}
				if (tab == '资金提现') {
					uni.navigateTo({
						url: '/pages/user/money/withdraw'
					});
				}
				if (tab == '关于我们') {
					uni.navigateTo({
						url: '/pages/lanhu_guanyuwomen/index'
					});
				}

				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_zhuantiliebiao/index'
					});
				}
				
				if (tab == '搜索') {
					uni.navigateTo({
						url: '/pages/lanhu_kecheng2/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>