【微信小程序开发】tab切换栏可滑动
坑军之王
172
使用标签<scroll-view>进行实现
<scroll-view scroll-x="true" class="data" bindscroll="scroll">
<view class="data" wx:for="{{data}}">
{{item}}
</view>
</scroll-view>
.data{
width: 100%;
white-space: nowrap;
.data{
display: inline-block;
width: 30rpx;
height: 40rpx;
font-size: 25rpx;
line-height: 30rpx;
margin-right: 20rpx;
}
}
这里使用less格式进行css的说明，结合上面的wxml内容对比进行结构带入scroll-view标签核心：white-spcae：nowrap
内部tab栏部分核心：display：inline-block
