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 自訂屬性。
插槽
此元件沒有可用的插槽。