& ltview class = & quot标签bg & quot& gt& ltscroll -view class = & quot;"scroll -x = & quot;true & quotstyle = & quot宽度:100%;white -space:nowrap;显示器:flexoverflow-x:自动;"& gt& lt视图样式= & quot显示:inline -block & quot;bindtap = & quot开关指数& quotclass = & quottab-list {{index === 1?'上& # 039;:''} } & quot& gt主页</view & gt;& lt查看wx:for = & quot;{ { tab } } & quotwx:key = & quot;索引& quotdata -id = & quot;{ { item.id } } & quotdata -index = & quot;{ { index } } & quotstyle = & quot显示:inline -block & quot;bindtap = & quotswitchTab & quotclass = & quottab-list {{tabIndex === index?'上& # 039;:''} } & quot& gt{ { item.nav _ name } } & lt/view & gt;& lt/scroll -view & gt;& lt/view & gt;其实当测试哥告诉你Android tab不能滑动的时候,你只需要加一个overflow -x:auto;哈哈哈
相信你看完这个案例已经掌握了方法。更多精彩请关注即时码站其他相关文章!
推荐阅读:
如何实现微信小程序开发的上拉加载
微信小程序开发容器视图的使用
评论前必须登录!
注册