608 lines
20 KiB
Vue
608 lines
20 KiB
Vue
<template>
|
||
<view>
|
||
<!-- 状态栏 -->
|
||
<view class="status-box statusHNH">
|
||
<view :style="{height:statusBarHeight+'px',background:publicColor}"></view>
|
||
<view class="status-nav" :style="{background:publicColor}">
|
||
<!-- 标题 -->
|
||
<view class="tab-title tcenter" style="color: #FFFFFF;">首页<text v-if="!isNet" class="mar-z20">(正在尝试连接网络...)</text></view>
|
||
</view>
|
||
</view>
|
||
<template v-if="isNet">
|
||
<!-- <status-nav :titleVal="'首页'" :backgroudColor="publicColor" :tabcolor="'#FFFFFF'" :statusBack="false" :statusTitle="true"></status-nav> -->
|
||
<!-- 输入框 -->
|
||
<view class="input-box posiszy" :style="{top: statusHNH+'px',background:publicColor}" style="height: 60px;display: flex;align-items: center;">
|
||
<view class="disac width100">
|
||
<image class="searchImg flexs" src="/static/public/search.png" mode="aspectFill"></image>
|
||
<!-- 输入框 -->
|
||
<input @confirm="searchEv" class="width100 fon34" type="text" v-model="searchVal" placeholder="请输入问题/病种/医生姓名"/>
|
||
<!-- 竖线 -->
|
||
<view class="linev"></view>
|
||
<!-- 搜索 -->
|
||
<view @tap="searchEv" class="searchT flexs fon34" :style="{color:publicColor}">搜索</view>
|
||
</view>
|
||
</view>
|
||
<view class="pad-x180">
|
||
<!-- 自定义轮播 -->
|
||
<view :style="{marginTop: (statusHNH+60)+'px'}">
|
||
<!-- <swiper-pu :bannerList="bannerList"></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 v-if="gonggList.length>1" class="mar-zy30 bacf radius10 pad-s25 mar-s10 disac fw">
|
||
<view class="disac fc gongg-box mar-x25" style="width: 25%;" @tap="chooseGon(indexgg)" v-for="(itemgg,indexgg) in gonggList" :key="indexgg">
|
||
<view class="img-box">
|
||
<image :src="itemgg.src" mode="aspectFill"></image>
|
||
</view>
|
||
<view class="fon24">{{itemgg.title}}</view>
|
||
</view>
|
||
</view>
|
||
<!-- 发问 -->
|
||
<view class="mar-zy30 mar-sx20 disjb">
|
||
<image class="flexs mar-y20 radius30 fawen-img" @tap="tapChoose(0)" :src="gaoone.imgSrc" mode="aspectFill"></image>
|
||
<view class="disjb fc width100">
|
||
<image class="radius30 width100 fawen-itemImg" @tap="tapChoose(1)" :src="gaotwo.imgSrc" mode=""></image>
|
||
<image class="radius30 width100 fawen-itemImg" @tap="tapChoose(2)" :src="gaothree.imgSrc" mode=""></image>
|
||
</view>
|
||
</view>
|
||
<!-- 热门搜索 -->
|
||
<view v-if="isLoading" class="mar-zy30 mar-s50">
|
||
<view class="col2c fon36 bold mar-x36">热门搜索</view>
|
||
<view class="bacf fon24 disac fw radius20 pad-zy20 pad-s20">
|
||
<view @tap="chooseReEv(indexf)" v-for="(itemf,indexf) in fwList" :key="indexf" class="disac radius10 mar-x20 reitem-box">
|
||
<image src="/static/public/hot.png" mode="aspectFill"></image>
|
||
<view class="">{{itemf.title}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 恒美小课堂 -->
|
||
<view v-if="isLoading" class="mar-zy30 mar-s40">
|
||
<view class="col2c fon36 bold">恒美小课堂</view>
|
||
<!-- 自定义二级分类 -->
|
||
<view class="mar-s50 mar-x30">
|
||
<cate-pu :activeb="publicColor" :newcateList="ktList" :isMinW="true" :newCurrent="newCurrent*1" @choosecateEv="choosecateEv" :newbmo="'#E0E0E0'"></cate-pu>
|
||
</view>
|
||
<!-- 列表 -->
|
||
<!-- <wfalls-flow @chooseLike="chooseLike" @comfirmev="comfirmev" :list="dataList" ref="wfalls"></wfalls-flow> -->
|
||
<list-pu @chooseLike="chooseLike" @comfirmev="comfirmev" :list="dataList"></list-pu>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<template v-else>
|
||
<view class="disjcac fc" style="height: 100vh;">
|
||
<view class="fon24 col3">{{wuNet}}<text @tap="refresh" class="mar-z20 pcol">刷新</text></view>
|
||
</view>
|
||
</template>
|
||
<!-- 底部tab -->
|
||
<foot-tab :titleList="titleList" :imgList="imgList"></foot-tab>
|
||
<!-- 返回顶部 -->
|
||
<!-- <back-top :showTop="showTop" @backTop="backTop"></back-top> -->
|
||
<!-- 底部客服 -->
|
||
<!-- <public-customer></public-customer> -->
|
||
<!-- 弹框优惠券 -->
|
||
<view class="home-quan-box" v-if="isQuan">
|
||
<image @tap="recerveEv" :src="quanImg" mode="aspectFill"></image>
|
||
<image @tap="closeEv" src="/static/public/closequan.png" mode=""></image>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
const {log} = console;
|
||
import swiperPu from '@/components/swiper-pu.vue';
|
||
import wfallsFlow from '@/components/wfalls-flow'
|
||
import {collectionEV,cancleCollectionEV,checkBanner} from '@/jsFile/publicAPI.js';
|
||
export default {
|
||
components:{
|
||
swiperPu,
|
||
wfallsFlow
|
||
},
|
||
data() {
|
||
return {
|
||
statusBarHeight:uni.getSystemInfoSync().statusBarHeight,
|
||
statusHNH:uni.getStorageSync('statusHNH'),
|
||
searchVal:'',//输入框的值
|
||
publicColor:'',//主题颜色
|
||
gonggList:[//九宫格列表
|
||
],
|
||
fwList:[//热搜关键词
|
||
],
|
||
kcurrent:0,//默认选中第一项
|
||
ktList:[//恒美小课堂
|
||
],
|
||
dataList:[//小课堂数据列表
|
||
],
|
||
showTop:false,
|
||
newCurrent:0,
|
||
page:1,
|
||
size:10,
|
||
total:'',//总数
|
||
isZanw:true,
|
||
course_id:0,
|
||
isLoading:false,
|
||
isShowT:true,
|
||
titleList:[],//底部导航文字
|
||
imgList:[],//底部导航图标
|
||
gaoone:{},
|
||
gaotwo:{},
|
||
gaothree:{},
|
||
isNet:true,
|
||
wuNet:'当前无网络连接',
|
||
refTime:'',
|
||
reNum:0,
|
||
bannerList:[],//轮播图
|
||
jieDuan:false,
|
||
isNewRenderDone:false ,//锁的作用
|
||
isQuan:uni.getStorageSync('isQuan'),
|
||
quanImg:uni.getStorageSync('quanImg'),
|
||
bcurrent:0,
|
||
isAutoPlay:false
|
||
}
|
||
},
|
||
onPageScroll(e) {
|
||
e.scrollTop > 360 ? this.showTop = true : this.showTop = false
|
||
},
|
||
onReachBottom() {//触底事件
|
||
if(this.total!=this.dataList.length){
|
||
this.page++
|
||
this.checkKT()//调用自主预约列表事件
|
||
} else {
|
||
if(this.isZanw) this.$toolAll.tools.showToast('暂无更多列表','none',1000)
|
||
this.isZanw = false
|
||
}
|
||
},
|
||
onHide() {
|
||
this.isAutoPlay = false;
|
||
},
|
||
onShow() {
|
||
log('输出的解构')
|
||
this.checkNet()
|
||
this.$toolAll.tools.overdue()
|
||
this.$toolAll.tools.isLogin()
|
||
let maiOjb = {
|
||
e:6,//进入首页
|
||
t:new Date().getTime()//当前时间戳
|
||
}
|
||
this.$toolAll.tools.maiDian(maiOjb)
|
||
if(uni.getStorageSync('token')!='' && uni.getStorageSync('chu')=='') {
|
||
this.$toolAll.tools.daoTime()
|
||
uni.setStorageSync('chu',1)
|
||
}
|
||
this.checkKT()//恒美课堂列表
|
||
this.isAutoPlay = true;
|
||
},
|
||
onShareAppMessage(res) {
|
||
var ya = this;
|
||
this.$requst.post('user/record',{type:'content',action:'share'}).then(res=>{console.log('分享成功：',res);},error=>{})
|
||
let maiOjb = {
|
||
e:0,//内容分享
|
||
c:this.detailObj.id*1,
|
||
t:new Date().getTime()//当前时间戳
|
||
}
|
||
this.$toolAll.tools.maiDian(maiOjb)
|
||
var shareObj = {
|
||
title: '成都恒美毛发', // 默认是小程序的名称(可以写slogan等)
|
||
path: `/pagesB/problemDetail/problemDetail?id=${this.detailObj.id}&category_id=${this.category_id}&share_id=${uni.getStorageSync('userId')}&invite_code=${uni.getStorageSync('invite_code')}`, // 默认是当前页面，必须是以‘/’开头的完整路径
|
||
imageUrl: ya.$http + ya.detailObj.share_img//自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
|
||
};
|
||
return shareObj;
|
||
},
|
||
onLoad(options) {
|
||
// 模拟首次加载列表数据
|
||
// setTimeout(()=>{
|
||
// // this.list = list;
|
||
// this.$refs.wfalls.init();
|
||
// },1000)
|
||
if (options && options.q) {
|
||
let arr = decodeURIComponent(options.q).split('?')[1].split('&')
|
||
let obj = {}
|
||
arr.forEach(item => {
|
||
let brr = item.split('=')
|
||
obj[brr[0]] = brr[1]
|
||
})
|
||
console.log(obj);
|
||
uni.login({
|
||
provider: 'weixin',
|
||
success: (res)=> {
|
||
var params = ''
|
||
if(obj.channel!='' && obj.channel!=undefined){
|
||
params = {
|
||
code:res.code,
|
||
channel:obj.channel,
|
||
source_code:obj.source_code
|
||
}
|
||
}
|
||
if(obj.invite_code!='' && obj.invite_code!=undefined){
|
||
params = {
|
||
code:res.code,
|
||
invite_code:obj.invite_code,//用户邀请码
|
||
}
|
||
}
|
||
if(obj.coding!='' && obj.coding!=undefined){
|
||
params = {service_coding:obj.coding}
|
||
this.$requst.post('user/bind-service',params).then(res => {console.log('调用成功');},error => {})
|
||
} else {
|
||
this.$requst.post('user/login',params).then(res => {console.log('调用成功');},error => {})
|
||
}
|
||
},
|
||
});
|
||
}
|
||
const query = wx.createSelectorQuery()
|
||
query.select('.statusHNH').boundingClientRect((rect) => {
|
||
// log('状态栏+标题栏：',rect.height);
|
||
uni.setStorageSync('statusHNH',rect.height)
|
||
this.statusHNH = rect.height
|
||
}).exec()
|
||
this.checkBCate();
|
||
this.checkKey();
|
||
this.checkSwi();//查询轮播图
|
||
// this.checkBanner()//调用轮播图查询事件
|
||
this.$toolAll.tools.buriedPointAll();//查询需要埋点的事件id
|
||
// this.checkQ();
|
||
setTimeout(()=>{
|
||
this.quanImg= uni.getStorageSync('quanImg');
|
||
this.quanId = uni.getStorageSync('quanId');
|
||
},3000)
|
||
this.checkUserInfo();
|
||
},
|
||
methods: {
|
||
checkUserInfo(){
|
||
this.$requst.post('user/info').then(res=>{
|
||
if(res.code==0){
|
||
if(res.data.phone_active!=0){
|
||
uni.setStorageSync('phone_active',res.data.phone_active);
|
||
}
|
||
}
|
||
})
|
||
},
|
||
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(){//查询优惠券
|
||
this.$requst.post('user/home-coupon').then(res=>{
|
||
if(res.code==0){
|
||
if(res.data.has_coupon==1){
|
||
this.isQuan = true;
|
||
this.quanImg = this.$http + res.data.home_coupon.cover;
|
||
this.quanId = res.data.home_coupon.id;
|
||
}
|
||
}
|
||
})
|
||
},
|
||
recerveEv(){//领取优惠券
|
||
this.$requst.post('user/get-coupon',{coupon_id:uni.getStorageSync('quanId')}).then(res=>{
|
||
if(res.code==0){
|
||
this.isQuan = false;
|
||
this.$toolAll.tools.showToast('领取成功');
|
||
setTimeout(()=>{
|
||
uni.navigateTo({
|
||
url:'/pagesA/coupon/coupon'
|
||
})
|
||
},1000)
|
||
}
|
||
if(res.code==302){
|
||
this.$toolAll.tools.showToast(res.msg);
|
||
setTimeout(()=>{
|
||
uni.navigateTo({
|
||
url:'/pages/login/login'
|
||
})
|
||
},1500)
|
||
}
|
||
})
|
||
},
|
||
closeEv(){
|
||
this.isQuan = false;
|
||
uni.setStorageSync('isQuan',false);
|
||
},
|
||
checkSwi(){
|
||
checkBanner({position:'home-banner'}).then(res=>{
|
||
if(res.code==0){
|
||
if(res.data.length!=0){
|
||
res.data.forEach(item=>{
|
||
let isVideo = false
|
||
if(item.type!='img') isVideo = true
|
||
let banObj = {
|
||
imgSrc:this.$http + item.src,
|
||
url:item.url,
|
||
isVideo:isVideo,
|
||
poster:this.$http + item.src,
|
||
}
|
||
this.bannerList.push(banObj)
|
||
})
|
||
}
|
||
}
|
||
})
|
||
},
|
||
checkNet(){
|
||
uni.getNetworkType({
|
||
success: (res)=> {
|
||
if(res.networkType=='none'){
|
||
uni.setStorageSync('isNet',false)
|
||
this.isNet = false
|
||
if((this.reNum++)==5){
|
||
clearInterval(this.refTime)
|
||
this.wuNet = '刷新失败'
|
||
this.reNum = 0
|
||
}
|
||
this.publicColor = uni.getStorageSync('publicColor')
|
||
} else {
|
||
uni.setStorageSync('isNet',true)
|
||
this.isNet = true
|
||
clearInterval(this.refTime)
|
||
if(this.wuNet == '正在刷新...') {
|
||
getCurrentPages()[getCurrentPages().length - 1].onLoad()
|
||
}
|
||
}
|
||
}
|
||
});
|
||
},
|
||
refresh(){
|
||
this.wuNet = '正在刷新...'
|
||
this.refTime = setInterval(()=>{
|
||
this.checkNet()
|
||
},1000)
|
||
},
|
||
bangd(){//绑定客服事件
|
||
this.$requst.post('').then(res=>{log('绑定客服：',res);},error=>{})
|
||
},
|
||
tapChoose(index){//宫格下的，三张图点击事件
|
||
if(!this.jieDuan){
|
||
let isAuth = this.$toolAll.tools.returnAuth()
|
||
if(!isAuth){
|
||
let newUrl = ''
|
||
if(index==0) newUrl = this.gaoone.url
|
||
if(index==1) newUrl = this.gaotwo.url
|
||
if(index==2) newUrl = this.gaothree.url
|
||
uni.navigateTo({
|
||
url:newUrl
|
||
})
|
||
} else this.jieDuan = true
|
||
}
|
||
},
|
||
checkKey(){//查询热搜关键词事件
|
||
this.$requst.get('index/hot-keywords').then(res=>{
|
||
// log('关键词列表：',res);
|
||
if(res.code==0){
|
||
if(res.data.length!=0){
|
||
res.data.forEach(item=>{
|
||
let reObj = {title:item.keyword}
|
||
this.fwList.push(reObj)
|
||
})
|
||
}
|
||
}
|
||
},error=>{})
|
||
},
|
||
checkBCate(){//查询底部事件、八宫格、
|
||
this.$requst.post('index/mini-program-setting').then(res=>{
|
||
// log('数据：',res);
|
||
if(res.code==0){
|
||
if(res.data.length!=0){
|
||
if(res.data.recommend.length!=0){//宫格
|
||
res.data.recommend.forEach(item=>{
|
||
let bcObj = {
|
||
src:this.$http + item.icon,
|
||
url:item.link,
|
||
title:item.name
|
||
}
|
||
this.gonggList.push(bcObj)
|
||
})
|
||
this.gonggList.push({src:this.$http + res.data.recommendMore,title:'更多'})
|
||
}
|
||
if(res.data.footBar.length!=0){//底部导航
|
||
res.data.footBar.forEach(item=>{
|
||
let newName = item.name
|
||
let newObj = {
|
||
iconPath:this.$http + item.icon[0],
|
||
selectedIconPath:this.$http + item.icon[1],
|
||
}
|
||
if(item.key=="home"){
|
||
this.imgList[0] = newObj
|
||
this.titleList[0] = newName
|
||
}
|
||
if(item.key=="category"){
|
||
this.imgList[1] = newObj
|
||
this.titleList[1] = newName
|
||
}
|
||
if(item.key=="service"){
|
||
this.imgList[2] = newObj
|
||
this.titleList[2] = newName
|
||
}
|
||
if(item.key=="shop"){
|
||
this.imgList[3] = newObj
|
||
this.titleList[3] = newName
|
||
}
|
||
if(item.key=="my"){
|
||
this.imgList[4] = newObj
|
||
this.titleList[4] = newName
|
||
}
|
||
})
|
||
uni.setStorageSync('footTitle',this.titleList)
|
||
uni.setStorageSync('footimg',this.imgList)
|
||
}
|
||
if(res.data.ad.length!=0){//三张图
|
||
this.gaoone = {
|
||
imgSrc:this.$http + res.data.ad[0].img,
|
||
url:res.data.ad[0].link,
|
||
}
|
||
this.gaotwo = {
|
||
imgSrc:this.$http + res.data.ad[1].img,
|
||
url:res.data.ad[1].link,
|
||
}
|
||
this.gaothree = {
|
||
imgSrc:this.$http + res.data.ad[2].img,
|
||
url:res.data.ad[2].link,
|
||
}
|
||
}
|
||
// this.publicColor = res.data.mainColor
|
||
this.publicColor = uni.getStorageSync('publicColor')
|
||
}
|
||
}
|
||
},error=>{})
|
||
},
|
||
checkKT(){//查询恒美小课堂
|
||
let parmas = {
|
||
course_id:this.course_id,//课堂ID
|
||
page:this.page,
|
||
size:this.size
|
||
}
|
||
this.$requst.post('archives/course',parmas).then(res=>{
|
||
// log('恒美小课堂列表：',res);
|
||
if(res.code==0){
|
||
// 课堂栏目
|
||
if(res.data.course.length!=0){
|
||
this.ktList = []
|
||
res.data.course.forEach(item=>{
|
||
let lObj = {
|
||
id:item.id,
|
||
title:item.title,
|
||
active:item.active
|
||
}
|
||
this.ktList.push(lObj)
|
||
})
|
||
}
|
||
// 课堂列表
|
||
if(this.page==1) this.dataList = []
|
||
if(res.data.list.list.length!=0){
|
||
this.total = res.data.list.total
|
||
res.data.list.list.forEach(item=>{
|
||
let ktObj = {
|
||
category_id:item.category_id,//栏目ID
|
||
id:item.id,
|
||
is_collected:item.is_collected,//是否已收藏
|
||
collects:item.collects,//收藏数量
|
||
views:item.views,//查看量
|
||
main_img:this.$http + item.cover,//封面图
|
||
video:this.$http + item.video,//视频地址
|
||
title:item.title,//内容标题
|
||
content:item.subtitle,//副标题
|
||
head_img:'/static/public/logo.png',//用户头像
|
||
name:'恒美植发',//用户昵称
|
||
isVideo:item.video.includes(".mp4")//是否是视频
|
||
}
|
||
this.dataList.push(ktObj)
|
||
})
|
||
}
|
||
this.isLoading = true
|
||
}
|
||
},error=>{})
|
||
},
|
||
chooseLike(e){//收藏事件
|
||
// console.log(this.dataList[e].is_collected);
|
||
if(this.dataList[e].is_collected==0){
|
||
this.dataList[e].is_collected = 1
|
||
// 调用收藏事件
|
||
collectionEV({action:'collect',archive_id:this.dataList[e].id})
|
||
}
|
||
},
|
||
comfirmev(e){//确认取消收藏事件
|
||
this.dataList[e].is_collected = 0
|
||
this.$toolAll.tools.showToast('正在取消...','loading')
|
||
// 调用取消收藏事件
|
||
cancleCollectionEV({action:'collect',archive_id:this.dataList[e].id})
|
||
},
|
||
// chooseLike(e){//收藏事件
|
||
// // log(this.dataList[e].is_collected);
|
||
// let active = ''
|
||
// this.dataList.forEach((item,index)=>{
|
||
// if(e==item.id){
|
||
// active = index
|
||
// }
|
||
// })
|
||
// if(this.dataList[active].is_collected==0){
|
||
// this.dataList[active].is_collected = 1
|
||
// // 调用收藏事件
|
||
// collectionEV({action:'collect',archive_id:e})
|
||
// }
|
||
// },
|
||
// comfirmev(e){//确认取消收藏事件
|
||
// let active = ''
|
||
// this.dataList.forEach((item,index)=>{
|
||
// if(e==item.id){
|
||
// active = index
|
||
// }
|
||
// })
|
||
// this.dataList[active].is_collected = 0
|
||
// this.$toolAll.tools.showToast('正在取消...','loading')
|
||
// // 调用取消收藏事件
|
||
// cancleCollectionEV({action:'collect',archive_id:e})
|
||
// },
|
||
chooseGon(index){//宫格事件
|
||
if(!this.jieDuan){
|
||
let isAuth = this.$toolAll.tools.returnAuth()
|
||
if(!isAuth){
|
||
if(index==(this.gonggList.length-1)){
|
||
uni.navigateTo({
|
||
url:'/pages/tabbar/cate/cate'
|
||
})
|
||
} else {
|
||
uni.navigateTo({url:this.gonggList[index].url})
|
||
}
|
||
} else this.jieDuan = true
|
||
}
|
||
},
|
||
choosecateEv(e){//恒美小课堂选择事件
|
||
// log('恒美小课堂：',e);
|
||
this.newCurrent = e
|
||
this.isZanw = true
|
||
this.page = 1
|
||
this.course_id = this.ktList[e].id
|
||
this.checkKT()
|
||
},
|
||
backTop(){//回到顶部事件
|
||
uni.pageScrollTo({
|
||
scrollTop: 0,
|
||
duration: 300
|
||
});
|
||
},
|
||
searchEv(){//搜索事件
|
||
// log(this.searchVal);
|
||
if(!this.jieDuan){
|
||
let isAuth = this.$toolAll.tools.returnAuth()
|
||
if(!isAuth){
|
||
uni.navigateTo({
|
||
url:'/pagesB/searchPage/searchPage?keyWorld='+this.searchVal
|
||
})
|
||
} else this.jieDuan = true
|
||
}
|
||
},
|
||
chooseReEv(index){
|
||
if(!this.jieDuan){
|
||
let isAuth = this.$toolAll.tools.returnAuth()
|
||
if(!isAuth){
|
||
uni.navigateTo({
|
||
url:'/pagesB/searchPage/searchPage?keyWorld='+this.fwList[index].title
|
||
})
|
||
} else this.jieDuan = true
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<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>
|