ion-menu-button

概要(CONTENTS)

Ionic4项目中我们可以使用Ionic4侧边栏组件ion-menu-button对项目进行布局。

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

Menu Button is component that automatically creates the icon and functionality to open a menu on a page.

ion-menu-button 属性(Properties)

autoHide

Description

Automatically hides the menu button when the corresponding menu is not active

Attribute auto-hide
Type boolean
Default true

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

menu

Description

Optional property that maps to a Menu's menuId prop. Can also be start or end for the menu side. This is used to find the correct menu to toggle

Attribute menu
Type string | undefined

mode

Description

The mode determines which platform styles to use.

Attribute mode
Type "ios" | "md"

ion-menu-button中的CSS 自定义属性

Name Description
--color Color of the menu button
--padding-bottom Padding bottom of the button
--padding-end Padding end of the button
--padding-start Padding start of the button
--padding-top Padding top of the button