跳至主要内容
版本: 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 而不是导航到它,因此系统会提示用户将其保存为本地文件。如果属性具有值,则它将用作保存提示中的预填充文件名(用户仍然可以更改文件名,如果需要的话)。
属性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内容放置在选项文本的右侧(从左到右),在 RTL 中放置在左侧。
icon-only应在没有文本的选项中的图标上使用。
start内容放置在选项文本的左侧(从左到右),在 RTL 中放置在右侧。
top内容放置在选项文本上方。