0
点赞
收藏
分享

微信扫一扫

【小程序】通过scroll-view组件实现左右【滑动】列表


微信官方相关参数介绍:

​​scroll-view | 微信开放文档微信开发者平台文档

【小程序】通过scroll-view组件实现左右【滑动】列表_前端

https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html​​

【小程序】通过scroll-view组件实现左右【滑动】列表_小程序_02

 demo.wxml

<scroll-view class="row_1" scroll-x>

<view class="box">
商品详情
</view>

<view class="box">
规划参数
</view>

<view class="box">
商品评价
</view>
<view class="box">
物流信息
</view>
<view class="box">
分享信息
</view>

</scroll-view>

demo.wxss


.row_1 {
height:80px;
background-color: rgb(231, 231, 231);
white-space: nowrap; /* 不换行 */
}
.box {
width: 80px;
height: 40px;
background-color: aquamarine;
color: black;
margin-left: 10px;
margin-top: 20px;
text-align: center;
line-height: 40px;
display: inline-block; /* 行内元素 */

}

举报

相关推荐

0 条评论