建站
咨詢
售后
建站咨詢
新聞中心
- list-item 列表項
- 屬性說明
- 示例
- 代碼示例
- 代碼示例
list-item 列表項
解釋：列表項，支持三種樣式可配，單行、多行列表、左右布局等，具體可看代碼示例。適用于信息展示，并可放置在頁面的任何位置。
站在用戶的角度思考問題，與客戶深入溝通，找到江北網(wǎng)站設(shè)計與江北網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名與空間、虛擬主機、企業(yè)郵箱。業(yè)務(wù)覆蓋江北地區(qū)。
屬性說明
| 屬性名 | 類型 | 必填 | 默認(rèn)值 | 說明 |
|---|---|---|---|---|
|
type |
String |
否 |
‘single’ |
樣式類型，single 單行、list 列表、multiple 左右兩列布局 |
|
title |
String |
否 |
‘’ |
標(biāo)題文案 |
|
label |
String |
否 |
‘’ |
左側(cè)標(biāo)題文案 |
|
content |
String |
否 |
‘’ |
右側(cè)內(nèi)容文案 |
|
list |
Array |
否 |
[] |
列表數(shù)據(jù)：數(shù)據(jù)示例 |
|
listLabelName |
String |
否 |
‘label’ |
自定義 list 渲染字段名 label |
|
listContentName |
String |
否 |
‘content’ |
自定義 list 渲染字段名 content |
|
disable |
Boolean |
否 |
false |
是否禁用，非禁用自帶點擊態(tài) |
|
smt-label |
String |
否 |
提供擴展樣式類，供開發(fā)者自定義組件樣式。可通過此 class 修改標(biāo)題區(qū)左側(cè)文案樣式 |
|
|
smt-content |
String |
否 |
提供擴展樣式類，供開發(fā)者自定義組件樣式?？赏ㄟ^此 class 修改標(biāo)題區(qū)右側(cè)文案樣式 |
|
|
smt-list-label |
String |
否 |
提供擴展樣式類，供開發(fā)者自定義組件樣式?？赏ㄟ^此 class 修改列表區(qū)左側(cè)文案樣式 |
|
|
smt-list-content |
String |
否 |
提供擴展樣式類，供開發(fā)者自定義組件樣式?？赏ㄟ^此 class 修改列表區(qū)右側(cè)文案樣式 |
示例
跳轉(zhuǎn)編輯工具
在開發(fā)者工具中打開
在 WEB IDE 中打開
掃碼體驗
代碼示例
請使用百度APP掃碼
代碼示例
- SWAN
- JS
- CSS
- JSON
{{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}}">
標(biāo)題名稱：創(chuàng)新互聯(lián)百度小程序教程：list-item列表項
URL分享：http://www.dlmjj.cn/article/dpdgoeg.html
