微信小程序如何实现顶部普通选项卡非swiper效果的实例

微信小程序如何实现顶部普通选项卡非swiper效果的实例
这篇文章主要为大家详细介绍了微信小程序实现顶部普通选项卡效果，非swiper，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

这篇文章主要为大家详细介绍了微信小程序实现顶部普通选项卡效果，非swiper，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

背景：前段时间写了一个抢红包小程序，里面涉及到了顶部选项卡，把它抽了出来。

效果图：

下面直接上代码:

wxml:

<view class="navbar"> <text wx:for="{{navbar}}" data-index="{{index}}" class="item {{currentIndex==index?&#39;active&#39;:&#39;&#39;}}" bindtap="navbarTab" wx:key="unique">{{item}}</text> </view> <view hidden="{{currentIndex!==0}}"> </view> <view hidden="{{currentIndex!==1}}"> </view>