ion-item-option

概要(CONTENTS)

Ionic4项目中我们可以使用Ionic4列表项组件ion-item-option对项目进行布局。

ion-item-option官方文档地址:https://ionicframework.com/docs/api/item-option

The option button for an ion-item-sliding. Must be placed inside of an . You can combine the ionSwipe event and the expandable directive to create a full swipe action for the item.

ion-item-option 属性(Properties)

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 string | undefined

disabled

Description

If true, the user cannot interact with the item option.

Attribute disabled
Type boolean
Default false

expandable

Description

If true, the option will expand to take up the available width and cover any other options.

Attribute expandable
Type boolean
Default false

href

Description

Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.

Attribute href
Type string | undefined

mode

Description

The mode determines which platform styles to use.

Attribute mode
Type "ios" | "md"

ion-item-option中的CSS 自定义属性

Name Description
--background Background of the item option
--color Color of the item option

Slots

Name Description
Content is placed between the named slots if provided without a slot.
"bottom" Content is placed below the option text.
"end" Content is placed to the right of the option text in LTR, and to the left in RTL.
"icon-only" Should be used on an icon in an option that has no text.
"start" Content is placed to the left of the option text in LTR, and to the right in RTL.
"top" Content is placed above the option text.