Question

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 <ion-item-options>. 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.