ion-item-option
Ionic4项目中我们可以使用Ionic4列表项组件ion-item-option对项目进行布局。 ion-item-option官方文档地址:https://ionicframework.com/docs/api/item-optionThe 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: |
Attribute | color |
Type | string | undefined |
disabled | |
Description | If |
Attribute | disabled |
Type | boolean |
Default | false |
expandable | |
Description | If |
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. |