×
13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

创新互联百度小程序教程：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扫码

代码示例

 
 
 
    
  
  
  
    2. 
  
  
  
  2.  title-list="{{titleList}}"
    3. 
  
  
  
  3.  content-list="{{contentList}}"
    4. 
  
  
  
  4.  smt-left-title="smt-left-title"
    5. 
  
  
  
  5.  smt-top-title="smt-top-title"
    6. 
  
  
  
  6.  smt-content-item="smt-content-item"
    7. 
  
  
  
  7.  bind:lower="lower"
    8. 
  
  
  
  8.  bind:upper="upper"
    9. 
  
  
  
  9. >
    10.

当前名称：创新互联百度小程序教程：horizontal-scroll-list横向滚动面板
文章地址：http://cdbrznjsb.com/article/cddipdg.html

其他资讯

  • 网站建设专属方案

  • 网站定制化设计

  • 7X24小时服务

  • N对管家服务

让你的专属顾问为你服务