解释:列表项,支持三种样式可配,单行、多行列表、左右布局等,具体可看代码示例。适用于信息展示,并可放置在页面的任何位置。
站在用户的角度思考问题,与客户深入沟通,找到江北网站设计与江北网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站制作、做网站、企业官网、英文网站、手机端网站、网站推广、域名与空间、虚拟主机、企业邮箱。业务覆盖江北地区。
属性名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
type |
String |
否 |
‘single’ |
样式类型,single 单行、list 列表、multiple 左右两列布局 |
title |
String |
否 |
‘’ |
标题文案 |
label |
String |
否 |
‘’ |
左侧标题文案 |
content |
String |
否 |
‘’ |
右侧内容文案 |
list |
Array |
否 |
[] |
列表数据:数据示例 |
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扫码
{{item.title}}
s-for="{{item.list}}"
label="{{item.label}}"
smt-label="smt-label"
smt-content="smt-content"
content="{{item.content}}"
disable="{{item.disable}}"
>
{{item.title}}
type="list"
smt-list-label="smt-list-label"
smt-list-content="smt-list-content"
title="{{item.listTitle}}"
list="{{item.list}}"
>
{{item.title}}
type="multiple"
list="{{item.list}}"
>
文章题目:创新互联百度小程序教程:list-item列表项
转载来源:http://www.csdahua.cn/qtweb/news45/513295.html
网站建设、网络推广公司-快上网,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 快上网