轮播修改
parent
4978f9ed95
commit
19856feb31
|
@ -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'}" :isplay="autoplay" :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
|
||||||
|
|
|
@ -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>
|
||||||
|
@ -85,6 +85,7 @@
|
||||||
bannerList:[],
|
bannerList:[],
|
||||||
titleList:[],
|
titleList:[],
|
||||||
imgList:[],
|
imgList:[],
|
||||||
|
isAutoPlay:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onPageScroll(e) {
|
onPageScroll(e) {
|
||||||
|
@ -99,6 +100,12 @@
|
||||||
this.isZanw = false
|
this.isZanw = false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
onHide() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
|
},
|
||||||
|
onUnload() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.checkBZ()//调用病种列表事件
|
this.checkBZ()//调用病种列表事件
|
||||||
let maiOjb = {
|
let maiOjb = {
|
||||||
|
@ -114,6 +121,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(){
|
||||||
|
|
|
@ -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">
|
||||||
|
@ -147,7 +133,6 @@
|
||||||
jieDuan:false,
|
jieDuan:false,
|
||||||
isNewRenderDone:false ,//锁的作用
|
isNewRenderDone:false ,//锁的作用
|
||||||
isQuan:true,
|
isQuan:true,
|
||||||
bcurrent:0,
|
|
||||||
isAutoPlay:false
|
isAutoPlay:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -166,6 +151,9 @@
|
||||||
onHide() {
|
onHide() {
|
||||||
this.isAutoPlay = false;
|
this.isAutoPlay = false;
|
||||||
},
|
},
|
||||||
|
onUnload() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
log('输出的解构')
|
log('输出的解构')
|
||||||
this.checkNet()
|
this.checkNet()
|
||||||
|
@ -183,46 +171,54 @@
|
||||||
this.checkKT()//恒美课堂列表
|
this.checkKT()//恒美课堂列表
|
||||||
this.isAutoPlay = true;
|
this.isAutoPlay = true;
|
||||||
},
|
},
|
||||||
onShareAppMessage(res) {},
|
onShareAppMessage(res) {
|
||||||
|
var ya = this;
|
||||||
|
let maiOjb = {
|
||||||
|
e:6,//内容分享
|
||||||
|
c:this.detailObj.id*1,
|
||||||
|
t:new Date().getTime()//当前时间戳
|
||||||
|
}
|
||||||
|
this.$toolAll.tools.maiDian(maiOjb)
|
||||||
|
var shareObj = {
|
||||||
|
title: '成都恒美毛发', // 默认是小程序的名称(可以写slogan等)
|
||||||
|
path: `/pages/tabbar/pagehome/pagehome?invite_code=${uni.getStorageSync('invite_code')}` // 默认是当前页面,必须是以‘/’开头的完整路径
|
||||||
|
};
|
||||||
|
return shareObj;
|
||||||
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
// 模拟首次加载列表数据
|
if (options.invite_code!=undefined) {
|
||||||
// setTimeout(()=>{
|
uni.login({
|
||||||
// // this.list = list;
|
provider: 'weixin',
|
||||||
// this.$refs.wfalls.init();
|
success: (res)=> {
|
||||||
// },1000)
|
var params = {
|
||||||
if (options && options.q) {
|
code:res.code,
|
||||||
let arr = decodeURIComponent(options.q).split('?')[1].split('&')
|
invite_code:options.invite_code,//用户邀请码
|
||||||
let obj = {}
|
}
|
||||||
arr.forEach(item => {
|
this.$requst.post('user/login',params).then(res => {console.log('调用成功');},error => {})
|
||||||
let brr = item.split('=')
|
},
|
||||||
obj[brr[0]] = brr[1]
|
});
|
||||||
})
|
}
|
||||||
console.log(obj);
|
console.log(options.invite_code);
|
||||||
uni.login({
|
if(options.invite_code!='' && options.invite_code!=undefined){
|
||||||
provider: 'weixin',
|
uni.login({
|
||||||
success: (res)=> {
|
provider: 'weixin',
|
||||||
var params = ''
|
success: (res)=> {
|
||||||
if(obj.channel!='' && obj.channel!=undefined){
|
if (res.code) {
|
||||||
params = {
|
var params = {
|
||||||
code:res.code,
|
code:res.code,
|
||||||
channel:obj.channel,
|
invite_code:options.invite_code,//用户邀请码
|
||||||
source_code:obj.source_code
|
}
|
||||||
|
this.$requst.post('user/login',params).then(res => {
|
||||||
|
if(res.data.token!=''){
|
||||||
|
if(res.data.is_active==0) {
|
||||||
|
this.haveImg = false
|
||||||
|
this.vision = true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
},error => {})
|
||||||
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()
|
const query = wx.createSelectorQuery()
|
||||||
query.select('.statusHNH').boundingClientRect((rect) => {
|
query.select('.statusHNH').boundingClientRect((rect) => {
|
||||||
|
@ -247,15 +243,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}`
|
|
||||||
})
|
|
||||||
},
|
|
||||||
closeEv(){
|
closeEv(){
|
||||||
this.isQuan = false;
|
this.isQuan = false;
|
||||||
},
|
},
|
||||||
|
@ -545,9 +532,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>
|
||||||
|
|
|
@ -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 :bannerList="bannerList" :isplay="isAutoPlay" :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;
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
|
},
|
||||||
|
onUnload() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.checkAbout(this.category_id)
|
this.checkAbout(this.category_id)
|
||||||
|
|
|
@ -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">
|
||||||
|
@ -197,7 +197,9 @@
|
||||||
// jieDuan:false,
|
// jieDuan:false,
|
||||||
share_id:0,
|
share_id:0,
|
||||||
invite_code:'',
|
invite_code:'',
|
||||||
isShowP:false
|
isShowP:false,
|
||||||
|
bcurrent:0,
|
||||||
|
isAutoPlay:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onPageScroll(e) {
|
onPageScroll(e) {
|
||||||
|
@ -241,6 +243,13 @@
|
||||||
return shareObj;
|
return shareObj;
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
|
this.isAutoPlay = true;
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
|
},
|
||||||
|
onUnload() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
if(options.category_id!=undefined) {
|
if(options.category_id!=undefined) {
|
||||||
|
@ -597,4 +606,5 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue