1. 微信小程序滑動右側滾動軸的時候,左側的樣式怎樣跟著改變
學小程序時寫過一個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}}" ration="{{ration}}">
<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