You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
427 lines
12 KiB
427 lines
12 KiB
<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('专题列表')">查看更多>></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('热门活动')">查看更多>></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> |