ionic menus的使用方法

2024-10-15 06:24:22

1、首先,创建一个新的tabs类型项目还有3个新的page,下面是建好之后的目录,inner、menu-one、menu-two是新建的page,其他都是项目创建时自带的,本次的代码几乎就是在这三个新建的page里。

ionic menus的使用方法

3、进入主题,使用侧滑页面,有两种写法,一种是在同个页面,一种是在不同页面(这样说比较土),虽说最终都是侧滑菜单布局,但还是有一些细微的差别,我们先看看效果,可以看到效果其实都是一样的

ionic menus的使用方法

4、我们咸犴孜稍先说第一种,同个页面的。代码很简单,一个ion-menu标签,type就是侧滑的方式,content就是菜单使用的内容元素,side就是菜单划出的方向,记得使用这种方式的时候,内容元素需要加标识,不然时召唤不成功的,简单点说,就是在内容元素部分的ion-navbar上加#myContent,这个myContent就是ion-menu中content所声明的。

ionic menus的使用方法ionic menus的使用方法

8、两种方式就是这样,看似不同,其实原理都是一样的,有问题多到官网看看,很多都能自己解决的,最后,祝大家开发顺利,bug少少!

猜你喜欢