【小程序】通过scroll-view组件实现左右【滑动】列表
2023-09-11 14:15:10 时间
微信官方相关参数介绍:
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; /* 行内元素 */
}
相关文章
- Flutter NotificationListener 监听列表的滚动
- Python学习小技巧之列表项的排序
- 一个基于和围绕Docker生态环境构建的早期项目列表
- atitit.提升开发效率---MDA 软件开发方式的革命(5)----列表查询建模
- 已解决pandas正确创建DataFrame对象的四种方法(通过list列表、dict字典、ndarray、Series对象创建)
- Java //PP1.5 编写一个程序,显示一个包括4到5个你喜欢的网站的列表,每个网站都显示出它的名字和URL。
- Python编程:列表List.sort和sorted方法排序
- 用纯css改变下拉列表select框的默认样式(转)
- poj 动态规划的主题列表和总结
- FastAdmin Bootstrap-Table 分页列表 pageList 如何设置?