微信小程序开发之分页滑动栏代码展示

微信小程序开发之分页滑动栏代码展示
本文实例为大家分享了微信小程序分页滑动栏的具体代码，供大家参考，具体内容如下 功能： 1.分页栏与滑动视图绑定 2.点击分页栏自动滑动到对应视图 3.滑动的到视图对应分页栏自动显示选中样式

本文实例为大家分享了微信小程序分页滑动栏的具体代码，供大家参考，具体内容如下

功能：

1.分页栏与滑动视图绑定 2.点击分页栏自动滑动到对应视图 3.滑动的到视图对应分页栏自动显示选中样式

上代码

wxml

<view class="tapNav"> <view class="pw_tabArr.tabCurrentIndex==0?&#39;active&#39;:&#39;&#39;" data-index="0" bindtap="veHandle">分页标签1</view> <view class="pw_tabArr.tabCurrentIndex==1?&#39;active&#39;:&#39;&#39;" data-index="1" bindtap="veHandle">分页标签2</view> <view class="pw_tabArr.tabCurrentIndex==2?&#39;active&#39;:&#39;&#39;" data-index="2" bindtap="veHandle">分页标签3</view></view><swiper id="swiper" indicator-dots="pw_indicatorDots" autoplay="pw_autoplay" interval="pw_interval" duration="pw_duration" current="pw_current" bindchange="swiperChange"> <block wx:for="pw_imgUrls"> <swiper-item id="swiper-item"> <image id="imgae" src="pw_item" class="slide-image" width="355" height="150"/> </swiper-item> </block>