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

作者：匿名字体：[增加减小] 来源：互联网时间：2018-11-30

匿名通过本文主要向大家介绍了微信小程序等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

<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;哈哈哈

相信看了本文案例你已经掌握了方法，更多精彩请关注微课江湖其它相关文章！

您可能想查找下面的文章:

2018-11-30PHP开发小程序支付服务端集成的步骤详解
2018-11-23微信小程序云开发API remove
2018-11-30微信小程序开发Window配置图解
2018-11-30看我怎么搭建小程序，微信小程序快速搭建步骤（图文）
2018-11-30微信小程序开发和HTML5开发、css3开发的区别
2018-11-30微信小程序页面跳转功能中从列表的item项跳转到下一个页面的实现方法
2018-11-30小程序开发之页面路由
2018-11-30微信小程序 JS动态修改样式的实现代码
2018-11-30 微信小程序开发：如何实现网络请求(GET请求）
2018-11-30你应该知道的微信小程序概念篇

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

您可能想查找下面的文章:

相关文章

文章分类

最近更新的内容