收藏
回答

微信小程序滚动条下面的选中小样式要怎么做?


回答关注问题邀请回答
收藏

2 个回答

  • 小黑
    小黑
    2019-08-09

    wsml:

    <scroll-view class="nav" scroll-x="{{true}}">

    <view bindtap="activeNav" data-index = "{{index}}" class="nav_item {{index === currentIndexNav?active:''}}" wx:for="{{navList}}" wx:key="{{index}}">

    {{item}}

    </view>

    </scroll-view>

    wxss:

    .nav {

    white-space: nowrap;

    }


    .nav_item {

    padding: 0 35rpx;

    font-size: 30rpx;

    display: inline-block;

    }

    .nav_item.active{

    border-bottom : 6rpx solid #65C2E5;

    }

    我只能在它的下面一整块加一个border-bottom

    2019-08-09
    有用
    回复 5
  • 卢霄霄
    卢霄霄
    2019-08-09

    来个代码片段呢

    2019-08-09
    有用
    回复 1
    • 小黑
      小黑
      2019-08-09
      下面的代码
      2019-08-09
      回复
登录 后发表内容
问题标签