想在页面上边加个tab但分类太多一屏放不下怎么办,教你一招轻松搞定小程序横向滚动

  • • 发表于 8年前
  • • 作者 梦醒时分
  • • 2431 人浏览
  • • 11 条评论
  • • 最后编辑时间 8年前
  • • 来自 [技 术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

今天有人问我想在页面顶部加个tabBar但分类太多,用scroll-view存在只有滑动一下才能点击的问题今天有人问我想在页面顶部加个tabBar但分类太多,用scroll-view存在只有滑动一下才能点击的问题,于是我临时做了一个,大家看看还成不

wxml代码

<view class="topTab">
     <view  style="width:120px;" wx:for="{{topTab}}">
       <button>{{item}}</button>
     </view>
</view>

wxss代码

.topTab{
    display:flex;
    white-space:nowrap;
    overflow-x:auto;
}

中间那个是效果

虽然简单,但应该有很多人用的上,希望对大家有帮助吧…….

分享到:
11条评论
Ctrl+Enter
作者

梦醒时分

梦醒时分

APP:1 帖子:13 回复:127 积分:1665

已加入社区[2936]天

我是来学习的

作者详情》
Top