快應(yīng)用 list-item組件

2020-08-08 11:48 更新

概述

?<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))?

  • 當(dāng)?layout-type?為?stagger?時(shí)：若?list-item?的?column-span?數(shù)值等于其父組件?list?的?columns?數(shù)值，表示占滿所有列；否則，list-item 組件將表現(xiàn)為?column-span: 1?的樣式
  • 當(dāng)沒有指定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 教程


以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)