在线直播系统源码，scroll-view的横向滚动

在线直播系统源码，scroll-view的横向滚动

 html

 

<scroll-view :scroll-x="true" class="scrollCon">
<view class="monthItem">1月</view>
<view class="monthItem">2月</view>
<view class="monthItem">3月</view>
<view class="monthItem">4月</view>
<view class="monthItem">5月</view>
<view class="monthItem">6月</view>
<view class="monthItem">7月</view>
<view class="monthItem">8月</view>
<view class="monthItem">9月</view>
<view class="monthItem">10月</view>
<view class="monthItem">11月</view>
<view class="monthItem">12月</view>
</scroll-view>

 

css

 

.scrollCon{
white-space: nowrap;
display: flex;
align-items: center;
}
.monthItem{
display: inline-block;
width: calc(100% / 6);
font-size: 26rpx;
color: #3D3D3D;
text-align: center;
}

 

 以上就是在线直播系统源码，scroll-view的横向滚动， 更多内容欢迎关注之后的文章