修改轮播、医生详情-擅长领域、专属客服

master
chen 2021-11-17 11:12:06 +08:00
parent 989a8f0270
commit 1b930500e5
33 changed files with 90 additions and 80 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<view> <view>
<view v-if="isDot" class="banner-box"> <view v-if="isDot" class="banner-box">
<swiper :current="bcurrent" @change="changeBanner" :style="{height: newHeight+'px'}" :autoplay="true" :circular="true" :interval="3000" :duration="500"> <swiper :current="bcurrent" @change="changeBanner" :style="{height: newHeight+'px'}" :autoplay="isplay" :circular="true" :interval="3000" :duration="500">
<swiper-item v-for="(item,index) in bannerList" :key="index"> <swiper-item v-for="(item,index) in bannerList" :key="index">
<view @tap="chooseImg(index)" class="posir"> <view @tap="chooseImg(index)" class="posir">
<image :style="{borderRadius:newRadius+'px',height:newHeight+'px'}" class="img" :src="item.imgSrc" mode="aspectFill"></image> <image :style="{borderRadius:newRadius+'px',height:newHeight+'px'}" class="img" :src="item.imgSrc" mode="aspectFill"></image>
@ -21,6 +21,10 @@
export default { export default {
name:"swiper-pu", name:"swiper-pu",
props:{ props:{
isplay:{
type:Boolean,
default:false
},
isDot:{// isDot:{//
type:Boolean, type:Boolean,
default:true default:true

View File

@ -17,7 +17,7 @@
<!-- 热门推荐 --> <!-- 热门推荐 -->
<template v-if="ccurrent==0"> <template v-if="ccurrent==0">
<!-- 自定义轮播 --> <!-- 自定义轮播 -->
<swiper-pu :bannerList="bannerList" :newHeight="'154'" :newRadius="'10'" :newBottom="'10'"></swiper-pu> <swiper-pu :bannerList="bannerList" :isplay="isAutoPlay" :newHeight="'154'" :newRadius="'10'" :newBottom="'10'"></swiper-pu>
<!-- 自定义二级分类 --> <!-- 自定义二级分类 -->
<view class="mar-x20 mar-s40"> <view class="mar-x20 mar-s40">
<cate-pu :newCurrent="newCurrent*1" :activeb="publicColor" @choosecateEv="chooseTwo" :newcateList="cateListTwo"></cate-pu> <cate-pu :newCurrent="newCurrent*1" :activeb="publicColor" @choosecateEv="chooseTwo" :newcateList="cateListTwo"></cate-pu>
@ -176,7 +176,8 @@
zanArr:[], zanArr:[],
dataShopList:[], dataShopList:[],
timeList:[], timeList:[],
isHot:false isHot:false,
isAutoPlay:false
} }
}, },
onPageScroll(e) { onPageScroll(e) {
@ -193,6 +194,12 @@
this.isZanw = false this.isZanw = false
} }
}, },
onUnload() {
this.isAutoPlay = false;
},
onHide() {
this.isAutoPlay = false;
},
onLoad() { onLoad() {
this.checkBZ()// this.checkBZ()//
let maiOjb = { let maiOjb = {
@ -208,6 +215,7 @@
this.$toolAll.tools.isLogin() this.$toolAll.tools.isLogin()
// console.log(this.category_id); // console.log(this.category_id);
if(this.category_id!='') this.checkCate(this.category_id)// if(this.category_id!='') this.checkCate(this.category_id)//
this.isAutoPlay = true;
}, },
methods: { methods: {
checkSwi(){ checkSwi(){

View File

@ -126,15 +126,17 @@
</view> </view>
<!-- 专属客服 --> <!-- 专属客服 -->
<view v-if="zCustomer" class="posAll disjcac"> <view v-if="zCustomer" class="posAll disjcac">
<view> <view style="width: 80%;">
<view class="bacf radius20 pad-sx40" style=""> <view class="bacf radius20 pad-sx40" style="">
<view class="fon32 bold col3 tc pad-x40" v-if="customerInfo.service_name!=''"></view> <view class="fon32 bold col3 tc pad-x40" v-if="customerInfo.service_name!=''"></view>
<view class="fon24 col3 disjb mar20" v-if="customerInfo.service_name!=''">{{customerInfo.service_name}}</view> <view class="fon28 col3 disjb mar20" v-if="customerInfo.service_name!=''">{{customerInfo.service_name}}</view>
<view class="fon24 col3 disjb mar20" v-if="customerInfo.service_phone!=''">{{customerInfo.service_phone}}<span @tap="countCustomer(customerInfo.service_phone)" class="pcol">联系客服</span></view> <view class="fon28 col3 disjb mar20" v-if="customerInfo.service_phone!=''">{{customerInfo.service_phone}}<span @tap="countCustomer(customerInfo.service_phone)" class="pcol">联系客服</span></view>
<view class="fon24 col3 disjb mar20" v-if="customerInfo.service_wechat!=''">{{customerInfo.service_wechat}}<span @tap="copyWechat" class="pcol">复制</span></view> <view class="fon28 col3 disjb mar20" v-if="customerInfo.service_wechat!=''">{{customerInfo.service_wechat}}<span @tap="copyWechat" class="pcol">复制</span></view>
<image v-if="customerImg!=''" :src="customerImg" class="person-m" style="margin-bottom: 40rpx;" mode="aspectFill"></image> <view style="display: flex;align-items: center;flex-direction: column;width: 100%;">
<view class="fon28 colf tc radius10" @tap="saveImg" style="width: 200rpx; padding: 16rpx;background-color: #38CE51;margin: 0 auto;">保存</view> <image v-if="customerImg!=''" :src="customerImg" class="person-m" style="margin-bottom: 40rpx;" mode="aspectFill"></image>
<view class="fon24 col9 tc pad-s40" v-if="customerInfo.service_phone==''"></view> <view class="fon28 colf tc radius10" @tap="saveImg" style="width: 200rpx; padding: 16rpx;background-color: #38CE51;margin: 0 auto;">保存</view>
</view>
<view class="fon28 col9 tc pad-s40" v-if="customerInfo.service_phone==''"></view>
</view> </view>
<view class="disjcac"> <view class="disjcac">
<image @tap="closeCustomer" class="mar-s50 close-m" src="/static/public/qrcodec.png" mode="aspectFill"></image> <image @tap="closeCustomer" class="mar-s50 close-m" src="/static/public/qrcodec.png" mode="aspectFill"></image>

View File

@ -25,21 +25,7 @@
<view class="pad-x180"> <view class="pad-x180">
<!-- 自定义轮播 --> <!-- 自定义轮播 -->
<view :style="{marginTop: (statusHNH+60)+'px'}"> <view :style="{marginTop: (statusHNH+60)+'px'}">
<!-- <swiper-pu :bannerList="bannerList"></swiper-pu> --> <swiper-pu :bannerList="bannerList" :isplay="isAutoPlay"></swiper-pu>
<view class="banner-box">
<swiper :current="bcurrent" @change="changeBanner" :style="{height: 200+'px'}" :autoplay="isAutoPlay" :circular="true" :interval="3000" :duration="500">
<swiper-item v-for="(item,index) in bannerList" :key="index">
<view @tap="chooseImg(index)" class="posir">
<image :style="{borderRadius:0+'px',height:200+'px'}" class="img" :src="item.imgSrc" mode="aspectFill"></image>
<image @tap.stop="playVideo(index)" v-if="item.isVideo" class="posia" style="top: 50%;left: 50%;transform: translate(-50%,-50%);width: 126rpx;height: 126rpx;z-index: 1;" src="/static/public/video.png" mode=""></image>
</view>
</swiper-item>
</swiper>
<!-- 指示点 -->
<view class="dot-box" :style="{bottom:18+'px'}">
<view :class="bcurrent==indexd ? 'dotActive' : 'dotMo'" v-for="(itemd,indexd) in bannerList.length" :key="indexd"></view>
</view>
</view>
</view> </view>
<!-- 宫格 --> <!-- 宫格 -->
<view v-if="gonggList.length>1" class="mar-zy30 bacf radius10 pad-s25 mar-s10 disac fw"> <view v-if="gonggList.length>1" class="mar-zy30 bacf radius10 pad-s25 mar-s10 disac fw">
@ -148,7 +134,6 @@
isNewRenderDone:false ,// isNewRenderDone:false ,//
isQuan:uni.getStorageSync('isQuan'), isQuan:uni.getStorageSync('isQuan'),
quanImg:uni.getStorageSync('quanImg'), quanImg:uni.getStorageSync('quanImg'),
bcurrent:0,
isAutoPlay:false isAutoPlay:false
} }
}, },
@ -167,6 +152,9 @@
onHide() { onHide() {
this.isAutoPlay = false; this.isAutoPlay = false;
}, },
onUnload() {
this.isAutoPlay = false;
},
onShow() { onShow() {
log('输出的解构') log('输出的解构')
this.checkNet() this.checkNet()
@ -239,15 +227,6 @@
} }
}) })
}, },
changeBanner(e){
this.bcurrent = e.detail.current//
},
playVideo(index){
// console.log('');
uni.navigateTo({
url:`/pagesB/video/playVideo?src=${this.bannerList[index].url}&posterSrc=${this.bannerList[index].poster}`
})
},
checkQ(){// checkQ(){//
this.$requst.post('user/home-coupon').then(res=>{ this.$requst.post('user/home-coupon').then(res=>{
if(res.code==0){ if(res.code==0){
@ -570,9 +549,5 @@
</script> </script>
<style> <style>
.banner-box{position: relative;}
.img{width:100%;}
.dot-box{position: absolute;bottom: 36rpx;display: flex;justify-content: center;width: 100%;}
.dotActive{width: 22rpx;height: 12rpx;margin-right: 10rpx;border-radius: 20rpx; background-color: rgba(56, 117, 246, 1);}
.dotMo{width: 12rpx;height: 12rpx;margin-right: 10rpx;border-radius: 100%;background-color: rgba(191, 191, 191, 1);}
</style> </style>

View File

@ -247,12 +247,13 @@
this.$requst.upload('file/upload/image',{file:this.upImg}).then(res=>{ this.$requst.upload('file/upload/image',{file:this.upImg}).then(res=>{
this.upImg = this.$http + res.data.src; this.upImg = this.$http + res.data.src;
this.$toolAll.tools.showToast('图片上传成功(*^▽^*)') this.$toolAll.tools.showToast('图片上传成功(*^▽^*)')
this.isNum = 1;
},error=>{}) },error=>{})
} }
}) })
}, },
shareEv(){// shareEv(){//
if(this.isNum==0) { if(this.isNum==1) {
this.isNum++; this.isNum++;
this.$requst.post('task/task/complete-task',{task_id:this.activityList[this.chooseIndex].id,image:this.upImg}).then(res=>{ this.$requst.post('task/task/complete-task',{task_id:this.activityList[this.chooseIndex].id,image:this.upImg}).then(res=>{
if(res.code==0){ if(res.code==0){

View File

@ -5,7 +5,7 @@
<view :style="{paddingTop: statusHNH+'px'}" class="pad-zy32"> <view :style="{paddingTop: statusHNH+'px'}" class="pad-zy32">
<!-- 自定义轮播 --> <!-- 自定义轮播 -->
<view class="mar-s20"> <view class="mar-s20">
<swiper-pu :bannerList="bannerList" :newHeight="'200'" :newRadius="'10'" :newBottom="'5'"></swiper-pu> <swiper-pu :isplay="isAutoPlay" :bannerList="bannerList" :newHeight="'200'" :newRadius="'10'" :newBottom="'5'"></swiper-pu>
</view> </view>
<!-- 导航 --> <!-- 导航 -->
<view class="mar-s50 pad-s10"> <view class="mar-s50 pad-s10">
@ -66,7 +66,8 @@
size:10, size:10,
total:'',// total:'',//
isZanw:true, isZanw:true,
bannerList:[] bannerList:[],
isAutoPlay:false
} }
}, },
onPageScroll(e) { onPageScroll(e) {
@ -82,7 +83,14 @@
} }
}, },
onShow() { onShow() {
this.$toolAll.tools.isLogin() this.$toolAll.tools.isLogin();
this.isAutoPlay = true;
},
onUnload() {
this.isAutoPlay = false;
},
onHide() {
this.isAutoPlay = false;
}, },
onLoad() { onLoad() {
this.checkAbout(this.category_id) this.checkAbout(this.category_id)

View File

@ -16,18 +16,16 @@
<view v-if="doctorObj.doctor_extra.dept_name!='' && doctorObj.doctor_extra.dept_name!=undefined" class="doctorx"></view> <view v-if="doctorObj.doctor_extra.dept_name!='' && doctorObj.doctor_extra.dept_name!=undefined" class="doctorx"></view>
<view>{{doctorObj.doctor_extra.dept_name}}</view> <view>{{doctorObj.doctor_extra.dept_name}}</view>
</view> </view>
<view class="col80 fon24 disac"> <view class="col80 fon24">
<view class="flexs">擅长领域</view> <view class="flexs">擅长领域</view>
<scroll-view scroll-x style="width: 250rpx;"> <view class="dis fw">
<view class="disac"> <view class="flexs" v-for="(item,index) in doctorObj.diseases" :key="index" style="background-color: #F5F5F5;border-radius: 10rpx;padding: 6rpx 10rpx;margin-top: 10rpx;margin-right: 10rpx;">
<view class="flexs" v-for="(item,index) in doctorObj.diseases" :key="index"> <text class="bold pcol">{{item.disease_name}}</text>
<text class="bold mar-y10 pcol">{{item.disease_name}}</text>
</view>
</view> </view>
</scroll-view> </view>
</view> </view>
</view> </view>
<image class="radius10" :src="doctorObj.doctor_extra.headimg || moImg" style="width: 246rpx;height: 188rpx;" mode="aspectFill"></image> <image class="radius10 flexs" :src="doctorObj.doctor_extra.headimg || moImg" style="width: 246rpx;height: 188rpx;" mode="aspectFill"></image>
</view> </view>
<view class="mar-z32"> <view class="mar-z32">
<view class="bbot mar-s30"></view> <view class="bbot mar-s30"></view>

View File

@ -20,7 +20,7 @@
<view v-show="cateCurrent==isNum"> <view v-show="cateCurrent==isNum">
<view class="pad-zy32"> <view class="pad-zy32">
<!-- 自定义轮播 --> <!-- 自定义轮播 -->
<swiper-pu :browseP="true" :bannerList="bannerList" :newHeight="'250'" :newRadius="'10'" :newBottom="'5'"></swiper-pu> <swiper-pu :browseP="true" :isplay="isAutoPlay" :bannerList="bannerList" :newHeight="'450'" :newRadius="'10'" :newBottom="'5'"></swiper-pu>
<!-- 标题 --> <!-- 标题 -->
<view class="fon36 col3 bold mar-sx20 clips2" style="line-height: 50rpx;">{{detailObj.title}}</view> <view class="fon36 col3 bold mar-sx20 clips2" style="line-height: 50rpx;">{{detailObj.title}}</view>
<view class="disjbac"> <view class="disjbac">
@ -284,7 +284,8 @@
zanArr:[], zanArr:[],
dataShopList:[], dataShopList:[],
timeList:[], timeList:[],
isHot:false isHot:false,
isAutoPlay:false
} }
}, },
onPageScroll(e) { onPageScroll(e) {
@ -328,6 +329,13 @@
  return shareObj;   return shareObj;
}, },
onShow() { onShow() {
this.isAutoPlay = true;
},
onUnload() {
this.isAutoPlay = false;
},
onHide() {
this.isAutoPlay = false;
}, },
onLoad(options) { onLoad(options) {
if(options.category_id!=undefined) { if(options.category_id!=undefined) {

View File

@ -12,7 +12,7 @@
<view class="pad-x180" :style="{paddingTop: isNei!=3?(statusHNH+60)+'px':statusHNH+'px'}"> <view class="pad-x180" :style="{paddingTop: isNei!=3?(statusHNH+60)+'px':statusHNH+'px'}">
<!-- 自定义轮播 --> <!-- 自定义轮播 -->
<view v-if="isLoading"> <view v-if="isLoading">
<swiper-pu v-if="cateCurrent==0" :browseP="true" :bannerList="bannerList" :newHeight="'250'" :newRadius="'0'" :newBottom="'5'"></swiper-pu> <swiper-pu v-if="cateCurrent==0" :isplay="isAutoPlay" :browseP="true" :bannerList="bannerList" :newHeight="'450'" :newRadius="'0'" :newBottom="'5'"></swiper-pu>
<!-- <view v-if="isNei==3" class="score-box">{{detailObj.score}}</view> --> <!-- <view v-if="isNei==3" class="score-box">{{detailObj.score}}</view> -->
<view v-show="cateCurrent==isNum"> <view v-show="cateCurrent==isNum">
<view class="pad20 bacf mar-zy20 radius20 mar-s20"> <view class="pad20 bacf mar-zy20 radius20 mar-s20">
@ -375,7 +375,8 @@
timerServer:null, timerServer:null,
timerp:null, timerp:null,
timera:null, timera:null,
pinUserId:0//ID pinUserId:0,//ID
isAutoPlay:false
} }
}, },
onPageScroll(e) { onPageScroll(e) {
@ -400,11 +401,16 @@
}, },
onShow() { onShow() {
uni.removeStorageSync('chooseAddress'); uni.removeStorageSync('chooseAddress');
this.isAutoPlay = true;
},
onHide() {
this.isAutoPlay = false;
}, },
onUnload() { onUnload() {
clearInterval(this.timera); clearInterval(this.timera);
clearInterval(this.timerp); clearInterval(this.timerp);
clearInterval(this.timerServer); clearInterval(this.timerServer);
this.isAutoPlay = false;
}, },
onLoad(options) { onLoad(options) {
if(options.category_id!=undefined) { if(options.category_id!=undefined) {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long