小程序swiper子页面标题怎样修改

Posted 2023-05-12

参考技术A <view class="slider-wrapper">
<swiper bindchange="swiperChange" indicator-dots="indicatorDots"
autoplay="autoplay" interval="interval" duration="duration">
<block wx:for="imgUrls" wx:key="*this">
<swiper-item>
<image src="item" class="slide-image"/>
</swiper-item>
</block>
</swiper>
<view class="swipe-btn-wrapper">
<view class="swipe-btn-list">
<view class="dotsClass[0]"></view>
<view class="dotsClass[1]"></view>
<view class="dotsClass[2]"></view>
<view class="dotsClass[3]"></view>
<view class="dotsClass[4]"></view>
</view>
</view>
</view> 参考技术B autoplayDisableOnInteraction : false,亲，你少了一句这个哦~这个就是解决这个问题的，么么哒。

微信小程序怎样修改swiper组件中样式的修改

参考技术A 学小程序时写过一个B站demo，也遇到此问题，最后自定义Swiper的Dot来实现了。
思路是：用view组件重写dot，给swiper组件绑定bindchange事件用来获取当前第几个dot，动态改变class。

<!-- 滚动广告 begin -->
<view class="slider-wrapper">
<swiper bindchange="swiperChange" indicator-dots="indicatorDots"
autoplay="autoplay" interval="interval" duration="duration">
<block wx:for="imgUrls" wx:key="*this">
<swiper-item>
<image src="item" class="slide-image"/>
</swiper-item>
</block>
</swiper>
<view class="swipe-btn-wrapper">
<view class="swipe-btn-list">
<view class="dotsClass[0]"></view>
<view class="dotsClass[1]"></view>
<view class="dotsClass[2]"></vi本回答被提问者采纳