跳到主要內容
版本:v8

ion-list

清單由多個項目列組成,這些項目可以包含文字、按鈕、切換開關、圖示、縮圖等等。清單通常包含具有相似資料內容的項目,例如圖像和文字。

清單支援多種互動,包括滑動項目以顯示選項、拖曳以重新排序清單中的項目以及刪除項目。

基本用法

內嵌清單

inset 屬性新增至清單會在清單周圍套用邊距。在 ios 模式中,它還會為清單新增圓角。

清單線條

lines 屬性新增至清單會調整清單中所有項目的底部邊框。將其設定為 "full" 將顯示全寬邊框,"inset" 將顯示使用左邊距調整的邊框,而 "none" 將不顯示邊框。如果 lines 屬性設定在清單中的項目上,則該屬性將優先於清單上的屬性。

屬性

inset

說明如果為 true,則清單周圍將有邊距並具有圓角。
屬性inset
類型布林值
預設值false

lines

說明應如何在所有項目上顯示底部邊框。
屬性lines
類型"full" | "inset" | "none" | undefined
預設值undefined

mode

說明模式決定要使用的平台樣式。
屬性mode
類型"ios" | "md"
預設值undefined

事件

此元件沒有可用的事件。

方法

closeSlidingItems

說明如果在清單內部使用 ion-item-sliding,此方法會關閉任何開啟的滑動項目。

如果實際關閉了 ion-item-sliding,則傳回 true
簽名closeSlidingItems() => Promise<boolean>

CSS 陰影部分

此元件沒有可用的 CSS 陰影部分。

CSS 自訂屬性

此元件沒有可用的 CSS 自訂屬性。

插槽

此元件沒有可用的插槽。