Question

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