跳至主要内容
版本: v8

ion-item-divider

阴影

项目分隔符是块元素,可用于在列表中分隔 项目。它们类似于列表标题,但它们不应该只放在列表顶部,而应该放在各组项目之间。

基本用法

主题

颜色

CSS 自定义属性

属性

color

描述要从应用程序调色板中使用的颜色。默认选项为:"primary""secondary""tertiary""success""warning""danger""light""medium""dark"。有关颜色的更多信息,请参阅 主题
属性color
类型"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined
默认undefined

mode

描述模式决定使用哪个平台样式。
属性mode
类型"ios" | "md"
默认undefined

sticky

描述当设置为 true 时,项目分隔符将在到达视窗顶部时保持可见,直到下一个 ion-item-divider 取代它。

此功能依赖于 position:stickyhttps://caniuse.cn/#feat=css-sticky
属性sticky
类型boolean
默认false

事件

此组件没有可用事件。

方法

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

CSS 阴影部分

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

CSS 自定义属性

名称描述
--background项目分隔符的背景
--color项目分隔符的颜色
--inner-padding-bottom项目分隔符的底部内部填充
--inner-padding-end项目分隔符的结束内部填充
--inner-padding-start项目分隔符的开始内部填充
--inner-padding-top项目分隔符的顶部内部填充
--padding-bottom项目分隔符的底部填充
--padding-end如果方向为从左到右,则为项目分隔符的右侧填充;如果方向为从右到左,则为左侧填充
--padding-start如果方向为从左到右,则为项目分隔符的左侧填充;如果方向为从右到左,则为右侧填充
--padding-top项目分隔符的顶部填充

插槽

名称描述
``如果提供内容且没有插槽,则内容将放置在命名的插槽之间。
end内容放置在分隔符文本的右侧(在 LTR 中),或左侧(在 RTL 中)。
start内容放置在分隔符文本的左侧(在 LTR 中),或右侧(在 RTL 中)。