建站
咨询
售后
建站咨询
创新互联百度小程序教程：horizontal-scroll-list横向滚动面板
- horizontal-scroll-list 横向滚动面板
- 属性说明
- 示例
- 代码示例
- 代码示例
horizontal-scroll-list 横向滚动面板
解释：横向滚动面板，用于信息展示，可放置在页面的任何位置。
成都创新互联作为成都网站建设公司，专注成都网站建设、网站设计，有关成都企业网站建设方案、改版、费用等问题，行业涉及木屋等多个领域，已为上千家企业服务，得到了客户的尊重与认可。
属性说明
| 属性名 | 类型 | 必填 | 默认值 | 说明 |
|---|---|---|---|---|
titleList | Array | 是 | 左侧标题数据 | |
contentList | 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
title-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">
本文题目：创新互联百度小程序教程：horizontal-scroll-list横向滚动面板
分享链接：http://www.jxjierui.cn/article/cddipdg.html
