您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

微信小程序开发中怎样实现Android环境下的横向滚动

2024/3/28 6:47:25发布22次查看
<view class="tab bg"> <scroll-view class="" scroll-x="true" style="width: 100%;white-space: nowrap; display: flex;overflow-x: auto;"> <view style="display: inline-block" bindtap="switchindex" class="tab-list {{index === 1 ?'on':''}}">首页</view> <view wx:for="{{tab}}" wx:key="index" data-id="{{item.id}}" data-index="{{index}}" style="display: inline-block" bindtap="switchtab" class="tab-list {{tabindex === index?'on':''}}"> {{item.nav_name}} </view> </scroll-view> </view>
代码一贴其实当测试小哥告诉你安卓tab不能滑的时候,你只需要加一个overflow-x: auto;哈哈哈
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
微信小程序开发上拉加载如何实现
微信小程序开发容器视图的使用
以上就是微信小程序开发中怎样实现android环境下的横向滚动的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product