tab栏代码,点击那个高亮那个是通过 scroll-into-view 这个属性去实现的
<scroll-view class="tui-city-scroll container" scroll-x="true" scroll-into-view="NAV{{status}}" scroll-with-animation="true">
<text bindtap="getStatus" id="NAV{{index}}" class="tui-nav-li {{index === status ? 'tui-nav-active' : ''}}" data-index="{{index}}" wx:for="{{navList}}" wx:key="index">{{item}}</text>
</scroll-view>
js
getStatus(e){
this.setData({ status: e.currentTarget.dataset.index})
wx.pageScrollTo() 点击不同的tab 要分别滚动到哪里
// console.log( e.currentTarget.dataset.index)
},
列表区域
<view class="container" >
<van-collapse class="iconCss" value="{{ activeNames }}" >
<van-collapse-item wx:for="{{50}}" wx:key="index" title="有赞微商城 {{item}}" name="1">
</van-collapse-item>
</van-collapse>