<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="0">
<view id="demo1" class="scroll-view-item_H uni-bg-red">A</view>
<view id="demo2" class="scroll-view-item_H uni-bg-green">B</view>
<view id="demo3" class="scroll-view-item_H uni-bg-blue">C</view>
</scroll-view>
**css**
.uni-bg-red{
background: red;
}
.uni-bg-green{
background: green;
}
.uni-bg-blue{
background: blue;
}
.scroll-view-item_H{
display: inline-block;
width: 150px;
height: 150px;
padding-left: 10rpx;
text-align: center;
}
**js**
scroll: function(e) {
console.log(e)
this.old.scrollTop = e.detail.scrollTop
},
uniapp得横向滚动组件
最新推荐文章于 2024-08-05 21:09:49 发布