列表标题组件

shadow

列表标题是一种块级元素，用于描述列表的内容。与项目分隔线不同，列表标题应仅在一组项目的顶部使用一次。

基本用法

列表标题中的按钮

在列表标题中放置一个按钮有助于显示列表的部分内容，并通过按钮跳转到完整列表。

列表标题分隔线

默认情况下，列表标题不显示底部边框。可以将 lines 属性修改为 "full" 或 "inset"，分别显示全宽度边框或带有左侧内边距的嵌入边框。

主题定制

颜色

CSS 自定义属性

属性

color

Description	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.
Attribute	color
Type	"danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined
Default	undefined

lines

Description	How the bottom border should be displayed on the list header.
Attribute	lines
Type	"full" ｜ "inset" ｜ "none" ｜ undefined
Default	undefined

mode

Description	The mode determines which platform styles to use. This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
Attribute	mode
Type	"ios" ｜ "md"
Default	undefined

事件

No events available for this component.

方法

No public methods available for this component.

CSS Shadow Parts

Name	Description
inner	The inner wrapper element that arranges the list header content.

CSS 自定义属性

iOS

Name	Description
--background	Background of the list header
--border-color	Color of the list header border
--border-style	Style of the list header border
--border-width	Width of the list header border
--color	Color of the list header text
--inner-border-width	Width of the inner list header border

MD

Name	Description
--background	Background of the list header
--border-color	Color of the list header border
--border-style	Style of the list header border
--border-width	Width of the list header border
--color	Color of the list header text
--inner-border-width	Width of the inner list header border

插槽

No slots available for this component.