跳至主要內容
版本: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

描述模式決定要使用的平台樣式。
屬性模式
類型"ios" | "md"
預設undefined

sticky

描述當設定為 true 時,項目分隔區塊在到達視窗頂部時將保持可見,直到下一個 ion-item-divider 取代它。

此功能依賴於 position:stickyhttps://caniuse.dev.org.tw/#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 中放置在右側。