<scroll-view scroll-y="true" scroll-into-view="{{qwe}}" bindscroll="asd" style="height:100vh;">
//style="height:{{swiperHeight}};" 重点
<swiper class="_swiper width-100p" style="height:{{swiperHeight}};" autoplay="{{carousel.length == 1 ? false : true}}" interval="3000" duration="1000" circular="true" bindchange="swiperChange">
<swiper-item class="_swiper_item position-relative" wx:for="{{carousel}}" wx:key="index">
<image src="{{item.image}}" class="_image jc-image" />
<view class="text-center text-ff position-absolute width-center width-100p" style="bottom:190px">
<view class="text-48">精选分类名称</view>
</view>
</swiper-item>
</swiper>
<view class="text-center text-ff position-absolute width-center width-100p" style="bottom:60px">
<view class="text-30 border-ff line-height-70 padding-lr-65 width-fit inline-block">点击购买</view>
<view class="flex align-center justify-center margin-top-40">
<view class="swiper_bar {{swiperindex==index?'bar_active':''}}" wx:for="{{carousel}}"></view>
</view>
<view class="margin-top-40" bindtap="scrollpage">
<view class="iconfont icon-xia top"></view>
<view class="iconfont icon-xia position-relative bottom" style="top:-20rpx"></view>
</view>
</view>
</scroll-view>
<view class="product-list padding-top-80 padding-lr-25" id="ewq">
对应锚点
</view>
swiperHeight:'100vh',
swiperHeight2:'100vh',
qwe:'',
asd(e){
console.log(e);
let scrollTop=e.detail.scrollTop;
if(scrollTop>620){
this.setData({
swiperHeight:'700rpx'
})
}
if(scrollTop>820){
this.setData({
swiperHeight2:'700rpx'
})
}
},
scrollpage(){
this.setData(
{
qwe:'ewq'
}
)
},
scroll小程序
最新推荐文章于 2024-03-02 06:00:00 发布