跳到主要內容
版本:v8

ion-item-option

陰影

項目選項元件是滑動項目的按鈕。它必須放置在項目選項內。ionSwipe 事件和 expandable 屬性可以組合起來,為項目建立完整的滑動動作。

有關更多資訊,請參閱項目滑動文件。

屬性

color

描述要使用應用程式調色盤中的顏色。預設選項為:"primary""secondary""tertiary""success""warning""danger""light""medium""dark"。有關顏色的更多資訊,請參閱主題設定
屬性color
類型"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined
預設值undefined

disabled

描述如果為 true,則使用者無法與項目選項互動。
屬性disabled
類型boolean
預設值false

download

描述此屬性會指示瀏覽器下載 URL,而不是導覽至該 URL,因此將提示使用者將其儲存為本機檔案。如果屬性有值,則會在「另存新檔」提示中將其用作預填的檔案名稱(使用者仍然可以根據需要變更檔案名稱)。
屬性download
類型string | undefined
預設值undefined

expandable

描述如果為 true,則選項會展開以佔用可用的寬度,並覆蓋任何其他選項。
屬性expandable
類型boolean
預設值false

href

描述包含超連結指向的 URL 或 URL 片段。如果設定此屬性,則會呈現錨點標籤。
屬性href
類型string | undefined
預設值undefined

mode

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

rel

描述指定目標物件與連結物件的關係。此值是空格分隔的連結類型清單。
屬性rel
類型string | undefined
預設值undefined

target

描述指定要顯示連結 URL 的位置。僅當提供 href 時適用。特殊關鍵字:"_blank""_self""_parent""_top"
屬性target
類型string | undefined
預設值undefined

type

描述按鈕的類型。
屬性type
類型"button" | "reset" | "submit"
預設值'button'

事件

此元件沒有可用的事件。

方法

此元件沒有可用的公用方法。

CSS 陰影部分

名稱描述
native包裝所有子元素的原生 HTML 按鈕或錨點元素。

CSS 自訂屬性

名稱描述
--background項目選項的背景
--color項目選項的顏色

插槽

名稱描述
``如果沒有插槽,內容會放置在提供的具名插槽之間。
bottom內容放置在選項文字下方。
end在 LTR 中,內容放置在選項文字的右側;在 RTL 中,則放置在左側。
icon-only應該在沒有文字的選項中的圖示上使用。
start在 LTR 中,內容放置在選項文字的左側;在 RTL 中,則放置在右側。
top內容放置在選項文字上方。