本文实例为大家分享了微信小程序选项卡功能展示的具体代码,供大家参考,具体内容如下
首先看看微信小程序上的选项卡的效果:
原理呢,就是先布局好(这就不必说了吧),然后在上面的每一个选项卡上都定义一个同样的点击事件,然后给每一个组件上绑定一个唯一的标识符,然后点击事件触发的时候,获取到绑定的标识符,判断当前点击的是哪个选项卡,然后再判断下面该显示哪一块,现在上代码:
wxml:
<view class=menu_box>
<text class='menu1 {{menuTapCurrent==0?borders:}}' data-current=0 catchtap=