ion-list-header
列表標頭是區塊元素，用於描述列表的內容。與項目分隔線不同，列表標頭應僅在項目列表的頂部使用一次。
基本用法
列表標頭中的按鈕
放置在列表標頭中的按鈕可用於顯示列表的一部分，並透過按鈕重新導向至完整列表。
列表標頭線條
預設情況下，列表標頭不會顯示底部邊框。可以將 lines 屬性修改為 "full" 或 "inset"，這將分別顯示全寬邊框或具有左邊距的內嵌邊框。
主題設定
色彩
CSS 自訂屬性
屬性
color
| 描述 | 要從應用程式的調色盤中使用的色彩。預設選項為："primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium" 和 "dark"。有關色彩的詳細資訊，請參閱主題設定。 |
| 屬性 | color |
| 類型 | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined |
| 預設 | 未定義 |
lines
| 描述 | 應如何在列表標頭上顯示底部邊框。 |
| 屬性 | lines |
| 類型 | "full" ｜ "inset" ｜ "none" ｜ undefined |
| 預設 | 未定義 |
mode
| 描述 | 模式決定要使用哪個平台的樣式。 |
| 屬性 | mode |
| 類型 | "ios" ｜ "md" |
| 預設 | 未定義 |
事件
此組件沒有可用的事件。
方法
此組件沒有可用的公用方法。
CSS 陰影部分
此組件沒有可用的 CSS 陰影部分。
CSS 自訂屬性
- iOS
- MD
| 名稱 | 描述 |
|---|---|
--background | 列表標頭的背景 |
--border-color | 列表標頭邊框的顏色 |
--border-style | 列表標頭邊框的樣式 |
--border-width | 列表標頭邊框的寬度 |
--color | 列表標頭文字的顏色 |
--inner-border-width | 列表標頭內部邊框的寬度 |
| 名稱 | 描述 |
|---|---|
--background | 列表標頭的背景 |
--border-color | 列表標頭邊框的顏色 |
--border-style | 列表標頭邊框的樣式 |
--border-width | 列表標頭邊框的寬度 |
--color | 列表標頭文字的顏色 |
--inner-border-width | 列表標頭內部邊框的寬度 |
插槽
此組件沒有可用的插槽。