创新互联百度小程序教程:list-item列表项

  • list-item 列表项
    • 属性说明
    • 示例
      • 代码示例

    list-item 列表项

    解释:列表项,支持三种样式可配,单行、多行列表、左右布局等,具体可看代码示例。适用于信息展示,并可放置在页面的任何位置。

    站在用户的角度思考问题,与客户深入沟通,找到江北网站设计与江北网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站制作、做网站、企业官网、英文网站、手机端网站、网站推广、域名与空间、虚拟主机、企业邮箱。业务覆盖江北地区。

    属性说明

    属性名 类型 必填 默认值 说明

    type

    String

    ‘single’

    样式类型,single 单行、list 列表、multiple 左右两列布局

    title

    String

    ‘’

    标题文案 type === list 时必填

    label

    String

    ‘’

    左侧标题文案

    content

    String

    ‘’

    右侧内容文案

    list

    Array

    []

    列表数据:数据示例[{label: ‘’, content: ‘’}] 字段名可通过 listLabelName 和 listContentName 自定义

    listLabelName

    String

    ‘label’

    自定义 list 渲染字段名 label

    listContentName

    String

    ‘content’

    自定义 list 渲染字段名 content

    disable

    Boolean

    false

    是否禁用,非禁用自带点击态

    smt-label

    String

    提供扩展样式类,供开发者自定义组件样式。可通过此 class 修改标题区左侧文案样式

    smt-content

    String

    提供扩展样式类,供开发者自定义组件样式。可通过此 class 修改标题区右侧文案样式

    smt-list-label

    String

    提供扩展样式类,供开发者自定义组件样式。可通过此 class 修改列表区左侧文案样式

    smt-list-content

    String

    提供扩展样式类,供开发者自定义组件样式。可通过此 class 修改列表区右侧文案样式

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    请使用百度APP扫码

    代码示例

    • SWAN
    • JS
    • CSS
    • JSON
     
     
     
    1. {{item.title}}
    2. s-for="{{item.list}}"
    3. label="{{item.label}}"
    4. smt-label="smt-label"
    5. smt-content="smt-content"
    6. content="{{item.content}}"
    7. disable="{{item.disable}}"
    8. >
    9. {{item.title}}
    10. type="list"
    11. smt-list-label="smt-list-label"
    12. smt-list-content="smt-list-content"
    13. title="{{item.listTitle}}"
    14. list="{{item.list}}"
    15. >
    16. {{item.title}}
    17. type="multiple"
    18. list="{{item.list}}"
    19. >

    新闻标题:创新互联百度小程序教程:list-item列表项
    分享网址:http://www.shufengxianlan.com/qtweb/news45/513295.html

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

    广告

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