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 |
| 默认值 | undefined |
lines
| 描述 | 列表标题底部边框应如何显示。 |
| 属性 | lines |
| 类型 | "full" ｜ "inset" ｜ "none" ｜ undefined |
| 默认值 | undefined |
mode
| 描述 | 模式决定使用哪个平台样式。 |
| 属性 | mode |
| 类型 | "ios" ｜ "md" |
| 默认值 | undefined |
事件
此组件没有可用的事件。
方法
此组件没有可用的公共方法。
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 | 内部列表标题边框的宽度 |
插槽
此组件没有可用的插槽。