创新互联百度小程序教程: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
     
     
     
    1. title-list="{{titleList}}"
    2. content-list="{{contentList}}"
    3. smt-left-title="smt-left-title"
    4. smt-top-title="smt-top-title"
    5. smt-content-item="smt-content-item"
    6. bind:lower="lower"
    7. bind:upper="upper"
    8. >

    网页标题:创新互联百度小程序教程:horizontal-scroll-list横向滚动面板
    URL标题:http://www.csdahua.cn/qtweb/news10/68510.html

    网站建设、网络推广公司-快上网,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 快上网