|
|
|
<template>
|
|
|
|
<view v-if="show" class="pageBg" :style="{'height': guInfo.gu_data == null ? '4674rpx' : '4574rpx','position': 'relative'}">
|
|
|
|
<view v-if="show" class="pageBg" :style="{'height': guInfo.gu_data == null ? '4574rpx' : '4674rpx','position': 'relative'}">
|
|
|
|
<view class="title">
|
|
|
|
<u-swiper :height="400" :list="list" :title="title" :effect3d="effect3d" :borderRadius="0"
|
|
|
|
:indicator-pos="indicatorPos" :mode="mode" :interval="3000" @click="click"></u-swiper>
|
|
...
|
...
|
@@ -22,11 +22,11 @@ |
|
|
|
<!-- <view class="drawNumInfo">
|
|
|
|
您有<text>{{indexData.sheng_time == -2 ? 0 : indexData.chou_num}}</text>次抽奖机会
|
|
|
|
</view> -->
|
|
|
|
<view class="btnItem" @click="showActRule = true">
|
|
|
|
<view class="btnItem" @click="clickActRule(1)">
|
|
|
|
<image src="../../static/image/Frame-1.png" mode=""></image>
|
|
|
|
关于小象
|
|
|
|
</view>
|
|
|
|
<view class="btnItem" @click="showActRule = true">
|
|
|
|
<view class="btnItem" @click="clickActRule(2)">
|
|
|
|
<image src="../../static/image/Vector.png" mode=""></image>
|
|
|
|
活动规则
|
|
|
|
</view>
|
|
...
|
...
|
@@ -117,30 +117,10 @@ |
|
|
|
</scroll-view>
|
|
|
|
</view>
|
|
|
|
<!-- 销售人员区域 -->
|
|
|
|
<view class="saleInfo">
|
|
|
|
<view class="saleName">
|
|
|
|
<text>user_name</text>gu_data.job
|
|
|
|
<view class="saleInfoWrap" v-if="guInfo.gu_data != null">
|
|
|
|
<view class="userIcon">
|
|
|
|
<image :src="guInfo.gu_data.avatar2" mode="aspectFill"></image>
|
|
|
|
</view>
|
|
|
|
<view class="saleOther">
|
|
|
|
<view class="saleImg">
|
|
|
|
<image src="../../static/image/dianpu_icon.png" mode=""></image>
|
|
|
|
</view>
|
|
|
|
<view class="saleAddress">
|
|
|
|
gu_data.s4_name
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="saleOther">
|
|
|
|
<image src="../../static/image/dianhua_icon.png" mode=""></image>
|
|
|
|
<text>gu_data.mobile</text>
|
|
|
|
<view class="phoneBtn" @click="phone(guInfo.gu_data.mobile)">
|
|
|
|
点击咨询
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="userImg">
|
|
|
|
<image src="../../static/image/del/Ellipse-1@2x.png" mode=""></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- <view class="saleInfoWrap" v-if="guInfo.gu_data != null">
|
|
|
|
<view class="saleInfo">
|
|
|
|
<view class="saleName">
|
|
|
|
<text>{{guInfo.gu_data.user_name}}</text>{{guInfo.gu_data.job}}
|
|
...
|
...
|
@@ -155,7 +135,7 @@ |
|
|
|
</view>
|
|
|
|
<view class="saleOther">
|
|
|
|
<image src="../../static/image/dianhua_icon.png" mode=""></image>
|
|
|
|
<text>{{guInfo.gu_data.mobile}}</text>
|
|
|
|
{{guInfo.gu_data.mobile}}
|
|
|
|
<view class="phoneBtn" @click="phone(guInfo.gu_data.mobile)">
|
|
|
|
点击咨询
|
|
|
|
</view>
|
|
...
|
...
|
@@ -164,8 +144,7 @@ |
|
|
|
<image :src="guInfo.gu_data.avatar2" mode=""></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
|
|
|
|
</view> -->
|
|
|
|
</view>
|
|
|
|
<!-- 立即咨询区域 -->
|
|
|
|
<view class="askNowWrap" @click="showPickInfo = true" v-if="guInfo.gu_data == null" style="background: url(../../static/image/zixun_btn@2x.png) no-repeat;background-size: 100%;">
|
|
|
|
</view>
|
|
...
|
...
|
@@ -207,7 +186,7 @@ |
|
|
|
>
|
|
|
|
<script type="text/wxtag-template">
|
|
|
|
<style>.programImg{width: 80px;height: 53px;}</style>
|
|
|
|
<image class="programImg" src="http://chemai.qiniu.brotop.cn/uploads/20210202/3982ddcf166f577807a4ad6b8d263112.png"></image>
|
|
|
|
<image class="programImg" src="http://chemai.qiniu.brotop.cn/uploads/20210522/b6ec05b5a9383b419b133fe4951a5357.png"></image>
|
|
|
|
</script>
|
|
|
|
</wx-open-launch-weapp>
|
|
|
|
</view>
|
|
...
|
...
|
@@ -265,7 +244,7 @@ |
|
|
|
<view class="actRuleAlert" v-if="showActRule">
|
|
|
|
<view class="actRule">
|
|
|
|
<view class="title">
|
|
|
|
活动规则
|
|
|
|
{{titleName}}
|
|
|
|
</view>
|
|
|
|
<scroll-view scroll-y class="content">
|
|
|
|
<view class="dialog-content" v-html="chouGui.gui" style="width: 100%;"></view>
|
|
...
|
...
|
@@ -329,21 +308,10 @@ |
|
|
|
export default {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
titleName:'',
|
|
|
|
showBindPhone:false,
|
|
|
|
// 轮播图-开始
|
|
|
|
list: [{
|
|
|
|
image: '../../static/image/Mask_Group@2x.png',
|
|
|
|
title: '昨夜星辰昨夜风，画楼西畔桂堂东'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
image: '../../static/image/Mask_Group@2x.png',
|
|
|
|
title: '身无彩凤双飞翼，心有灵犀一点通'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
image: '../../static/image/Mask_Group@2x.png',
|
|
|
|
title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
|
|
|
|
}
|
|
|
|
],
|
|
|
|
list: [],
|
|
|
|
title: false,
|
|
|
|
mode: 'rect',
|
|
|
|
indicatorPos: 'bottomCenter',
|
|
...
|
...
|
@@ -531,6 +499,11 @@ |
|
|
|
this.id = e.id
|
|
|
|
console.log('当前活动id',this.id)
|
|
|
|
}
|
|
|
|
//公众号轮播图列表
|
|
|
|
this.$request('/api/gzh_banner/index').then((res)=>{
|
|
|
|
console.log('公众号轮播图列表',res)
|
|
|
|
this.list = res.data
|
|
|
|
})
|
|
|
|
//获取顾问数据
|
|
|
|
if(e.user_id != undefined){
|
|
|
|
this.user_id = e.user_id
|
|
...
|
...
|
@@ -655,6 +628,14 @@ |
|
|
|
this.show = true
|
|
|
|
})
|
|
|
|
},
|
|
|
|
clickActRule(type){
|
|
|
|
if(type == 1){
|
|
|
|
this.titleName = '关于小象'
|
|
|
|
}else{
|
|
|
|
this.titleName = '活动规则'
|
|
|
|
}
|
|
|
|
this.showActRule = true
|
|
|
|
},
|
|
|
|
closeShareAlert(){
|
|
|
|
window.location.href = window.location.href
|
|
|
|
},
|
|
...
|
...
|
@@ -930,17 +911,28 @@ |
|
|
|
.actInfoWrap{display: flex;align-items: center;justify-content: center;height: 1200rpx;margin-top: 26rpx;}
|
|
|
|
.actInfoWrap .actInfo{width: 90%;height: 1180rpx;color: #06121e;line-height: 44rpx;font-size: 28rpx;}
|
|
|
|
/* 销售人员区域 */
|
|
|
|
.saleInfo{
|
|
|
|
padding-top: 48rpx;
|
|
|
|
.saleInfoWrap{
|
|
|
|
margin-top: 32rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
background: rgba(45,40,124,0.20);
|
|
|
|
box-shadow: 0rpx 8rpx 36rpx 0rpx rgba(171,171,208,0.20) inset, 0rpx 8rpx 58rpx 0rpx rgba(253,202,136,0.30) inset;
|
|
|
|
font-size: 24rpx;width: 394rpx;height: 150rpx;padding: 44rpx 44rpx 44rpx 118rpx; border-radius: 40rpx;
|
|
|
|
padding: 44rpx; border-radius: 40rpx;
|
|
|
|
.userIcon{
|
|
|
|
width: 180rpx;
|
|
|
|
height: 160rpx;
|
|
|
|
image{width: 160rpx;height: 160rpx;border-radius: 42rpx;}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.saleInfo{
|
|
|
|
flex: 1;
|
|
|
|
color: #fff;
|
|
|
|
font-size: 24rpx;height: 150rpx;
|
|
|
|
}
|
|
|
|
.saleName text{font-size: 36rpx;font-weight: 600;padding-right: 26rpx;}
|
|
|
|
.saleInfo .saleOther{display: flex;align-items: center;padding-top: 16rpx;}
|
|
|
|
.saleOther text{color: #0070e0;}
|
|
|
|
.saleOther .saleImg{width: 40rpx;display: flex;align-items: center;}
|
|
|
|
.saleOther image{width: 24rpx;height: 24rpx;margin-right: 16rpx;}
|
|
|
|
.saleOther image{width: 28rpx;height: 28rpx;margin-right: 16rpx;}
|
|
|
|
.saleOther .saleAddress{flex: 1;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
...
|
...
|
@@ -948,7 +940,7 @@ |
|
|
|
-webkit-line-clamp:1;
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
}
|
|
|
|
.saleOther .phoneBtn{width: 106rpx;height: 30rpx;background: #e8370f;border-radius: 16rpx;color: #fef5e6;font-size: 18rpx;text-align: center;line-height: 30rpx;margin-left: 16rpx;}
|
|
|
|
.saleOther .phoneBtn{width: 106rpx;height: 30rpx;background: linear-gradient(111deg,#fed96c 0%, #ff9060 100%);border-radius: 16rpx;color: #fef5e6;font-size: 18rpx;text-align: center;line-height: 30rpx;margin-left: 16rpx;}
|
|
|
|
.saleInfoWrap .userImg{
|
|
|
|
position: absolute;top: 36rpx;left: -94rpx;width: 148rpx;height: 148rpx;border-radius: 50%;
|
|
|
|
}
|
|
...
|
...
|
@@ -981,10 +973,10 @@ |
|
|
|
.closeBtn image{width: 48rpx;height: 48rpx;}
|
|
|
|
/* 活动规则弹框区域 */
|
|
|
|
.actRuleAlert{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 3;display: flex;justify-content: center;align-items: center;}
|
|
|
|
.actRuleAlert .actRule{width: 440rpx;height: 722rpx;background: #fff4e6;border: 8rpx solid #fdca88;border-radius: 40rpx;padding: 0 34rpx;}
|
|
|
|
.actRule .title{height: 122rpx;text-align: center;line-height: 122rpx;font-size: 32rpx;font-weight: 600;}
|
|
|
|
.actRule .content{height: 474rpx;}
|
|
|
|
.actRule .bottomBtn{width: 424rpx;height: 68rpx;background: linear-gradient(180deg,#ffe5aa, #edb018);border-radius: 34rpx;box-shadow: 0rpx 6rpx 12rpx 0rpx #d19d5a;text-align: center;line-height: 68rpx;color: #aa3a0c;font-size: 24rpx;font-weight: 600;margin-top: 22rpx;}
|
|
|
|
.actRuleAlert .actRule{width: 440rpx;height: 722rpx;background: #7676b2;border: 8rpx solid #383481;border-radius: 40rpx;padding: 0 34rpx;}
|
|
|
|
.actRule .title{height: 122rpx;text-align: center;line-height: 122rpx;font-size: 32rpx;font-weight: 600;color: #fff;}
|
|
|
|
.actRule .content{height: 474rpx;color: #fff;}
|
|
|
|
.actRule .bottomBtn{width: 424rpx;height: 68rpx;background: linear-gradient(113deg,#fed96c 0%, #ff9060 100%);border-radius: 34rpx;text-align: center;line-height: 68rpx;color: #fff;font-size: 24rpx;font-weight: 600;margin-top: 22rpx;}
|
|
|
|
/* 立即咨询区域 */
|
|
|
|
.askNowWrap{height: 104rpx;margin-top: 86rpx;}
|
|
|
|
/* 分享提示弹框区域 */
|
...
|
...
|
|
