小程序经常忘记的scroll-view横向滑动
今天必须给它写下来整明白咯
直接上代码
wxml
<scroll-view class="doctor-date-wrap" scroll-x>
<view wx:for="{{9}}" class="doctor-date-item"></view>
</scroll-view>
wxss
.doctor-date-wrap {
margin-top: 8rpx;
height: 200rpx;
width: 100%;
background: blanchedalmond;
white-space: nowrap;
}
.doctor-date-item {
display: inline-block;
height: 150rpx;
width: 150rpx;
background: blue;
margin-left: 16rpx;
margin-top: 16rpx;
}
效果