有奖捉虫:行业应用 & 管理与支持文档专题 HOT
文档中心 > 最佳实践 > 腾讯云微搭低代码 > 数据列表如何实现横向滚动

需求背景

当前微搭编辑器数据列表组件中,关于数据源的循环展示默认是块级元素,遵循从页面由上到下排列,在一些特定的应用场景中,需要将循环数据水平排列,实现横向滚动的效果。

实现方案

数据列表组右侧属性面板不支持设置横向滚动属性,需要用自定义样式来改变数据列表默认的展示方式。
?
?
?

实现步骤

1. 在编辑器中使用数据列表组件,并设置好数据模型。
?
?
?
2. 在右侧面板设置数据列表组件的 css。
?
?
?
3. 自定义 css 样式,单击右上角保存即可保存编辑内容。
?
?
?
4. 效果展示。
?
?
?

注意事项

数据列表的横向实现方式适用于 PC 端,移动端不建议使用。


http://www.vxiaotou.com