码迷,mamicode.com
首页 > 其他好文 > 详细

ionic-menu 侧边栏

时间:2020-04-01 19:38:12      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:移动   技术   mic   http   html   一个   ima   back   eal   

技术图片

 

 

 

 ionic-menu中比较重要的的属性是contentId

它的I的要与弹出侧边栏的页面的某个标签的Id保持一致(注:侧边栏的内容与弹出侧边栏的页面内容写在一个Html文件中)

技术图片

 

底层页面:

技术图片

 

 

 

 在侧边栏的type设置为"reveal"或"push"时底层页面id(与contentId关联的Id)所在位置就决定了侧边栏弹出时底层页面的样式

侧边栏弹出的type为:"overlay""reveal""push"

overlay:表示全覆盖,这种情况id的位置不会影响底层页面的样式

技术图片

 

 

 

reveal、 push:弹出后,底层页面中id所在标签以内的内容就会随着侧标栏的弹出向左边移动

技术图片

 

ionic-menu 侧边栏

标签:移动   技术   mic   http   html   一个   ima   back   eal   

原文地址:https://www.cnblogs.com/sugarwxx/p/12614511.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!