微信小程序scroll-view

时间：2018-08-29 11:49:04 收藏：0 阅读：216

<scroll-view class=‘tabli‘ scroll-x="true" scroll-left="{{navScrollLeft}}" scroll-with-animation="{{true}}">

<view class=‘item‘ wx:for="{{ arr }}" wx:for-index="idx" wx:for-item="navItem" wx:key="idx">{{navItem}}</view>

</scroll-view>

.tabli{

　　height:80rpx;

　　width:100%;

　　box-sizing:border-box;

　　/* overflow:hidden;

　　line-height:80rpx;

　　background:#f7f7f7;

　　font-size:14px; */

　　white-space:nowrap;

　　/* position:fixed;

　　top:0;

　　left:0;

　　z-index:99; */

}

.daohangwrap{

　　width: 100%;

}

.tabli .item{

　　width: 20%;

　　display: inline-block;

　　text-align: center;

}

原文：https://www.cnblogs.com/geekjsp/p/9552847.html