跳到主要内容
版本:v7

ion-list-header

shadow

列表头部(List header)是用于描述列表(list)内容的块元素。与项目分隔符(item divider)不同,列表头部只应在项目(item)列表顶部使用一次。

基本用法

列表头部中的按钮

放置在列表头部中的按钮(button)可用于显示部分列表并通过按钮重定向到完整列表。

列表头部线条

列表头部默认不显示底部边框。lines 属性可以修改为 "full""inset",这将分别显示全宽边框或带有左侧内边距的缩进边框。

主题

颜色

CSS 自定义属性

属性

color

说明The color to use from your application's color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming.
属性color
类型"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined
默认值undefined

lines

说明How the bottom border should be displayed on the list header.
属性lines
类型"full" | "inset" | "none" | undefined
默认值undefined

mode

说明The mode determines which platform styles to use.

这是一个虚拟属性,在初始化时设置一次,之后更改其值不会更新组件。
属性mode
类型"ios" | "md"
默认值undefined

事件

该组件没有可用的事件。

方法

该组件没有可用的公共方法。

CSS 阴影部分

该组件没有可用的 CSS 阴影部分。

CSS 自定义属性

Name说明
--backgroundBackground of the list header
--border-colorColor of the list header border
--border-styleStyle of the list header border
--border-widthWidth of the list header border
--colorColor of the list header text
--inner-border-widthWidth of the inner list header border

插槽

该组件没有可用的插槽。