W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
?<list>
?的子組件,用來展示列表具體 item,寬度默認(rèn)充滿 list 組件
支持
支持 通用屬性
名稱 | 類型 | 默認(rèn)值 | 必填 | 描述 | ||||
---|---|---|---|---|---|---|---|---|
type | <string>
|
- | 是 | list-item 類型,值為自定義的字符串,如'loadMore'。相同的 type 的 list-item 必須具備完全一致的 DOM 結(jié)構(gòu)。因此,在 list-item 內(nèi)部需謹(jǐn)慎使用 if 和 for,因?yàn)?if 和 for 可能造成相同的 type 的 list-item 的 DOM 結(jié)構(gòu)不一致,從而引發(fā)錯(cuò)誤 |
支持?<div> 樣式
?
不支持 position 樣式,支持通用樣式
名稱 | 類型 | 默認(rèn)值 | 必填 | 描述 | ||
---|---|---|---|---|---|---|
column-span | <number>
|
1 | 否 | list-item 在 list 中所占列數(shù),一般用于 list 多列顯示時(shí)。 |
注:
正常情況下,?list-item
?的?column-span
?數(shù)值應(yīng)小于等于其父組件?list
?的?columns
?數(shù)值,請(qǐng)開發(fā)者留意
1070 版本開始,list 組件支持配置樣式?layout-type
?,可選屬性值:?stagger
?、?grid(默認(rèn))
?
layout-type
?為?stagger
?時(shí):若?list-item
?的?column-span
?數(shù)值等于其父組件?list
?的?columns
?數(shù)值,表示占滿所有列;否則,list-item 組件將表現(xiàn)為?column-span: 1
?的樣式layout-type
或layout-type
為grid
時(shí):若list-item
的column-span
數(shù)值小于等于其父組件list
的columns
數(shù)值,則表現(xiàn)為占有column-span
列寬度的樣式;否則,list-item 組件將表現(xiàn)為column-span: 1
的樣式
事件
支持 通用事件
list-item 示例代碼
查看 示例代碼
延伸閱讀
正確使用組件 list-item,參見 list 教程
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: