- horizontal-scroll-list 横向滚动面板
- 属性说明
- 示例
- 代码示例
- 代码示例
horizontal-scroll-list 横向滚动面板
解释：横向滚动面板，用于信息展示，可放置在页面的任何位置。
属性说明
| 属性名 | 类型 | 必填 | 默认值 | 说明 |
|---|---|---|---|---|
|
titleList |
Array |
是 |
左侧标题数据 |
|
|
contentList |
Array.<array> |
是 |
内容数据 |
|
|
iconColor |
String |
否 |
#2b99ff |
超出两行截断时提示 icon 的颜色 |
|
lastRowBg |
String |
否 |
#fff |
最后一行的背景颜色 |
|
lastRowColor |
String |
否 |
#000 |
最后一行的字体颜色 |
|
lastRowDiff |
Boolean |
否 |
false |
最后一行是否展示自定义样式 |
|
smt-left-title |
String |
否 |
提供扩展样式类，供开发者自定义组件样式，可通过此 class 改变左侧标题样式 |
|
|
smt-top-title |
String |
否 |
提供扩展样式类，供开发者自定义组件样式，可通过此 class 改变顶部标题样式 |
|
|
smt-content-item |
String |
否 |
提供扩展样式类，供开发者自定义组件样式，可通过此 class 改变每一项内容的样式 |
|
|
bind:lower |
EventHandle |
滚动到右边，会触发 lower 事件 |
||
|
bind:upper |
EventHandle |
滚动到左边，会触发 upper 事件 |
示例
跳转编辑工具
在开发者工具中打开
在 WEB IDE 中打开
扫码体验
代码示例
请使用百度APP扫码
代码示例
- SWAN
- JS
- CSS
- JSON
<smt-horizontal-scroll-listtitle-list="{{titleList}}"content-list="{{contentList}}"smt-left-title="smt-left-title"smt-top-title="smt-top-title"smt-content-item="smt-content-item"bind:lower="lower"bind:upper="upper"></smt-horizontal-scroll-list>
