[Ionic]如何实现一个全局的浮动菜单栏?

需求是实现一个app全局的浮动菜单栏,页面的切换不会影响该菜单栏的显示, 也不会刷新。
在刚开始的时候想以component的方式嵌入到每个page的html里,后来发现页面在跳转的时候,这个菜单栏总是在刷新,效果不太理想。
后来的一个解决方法是,把这个component直接放到了app.component.html里,比如:

<ion-app>
<ion-router-outlet></ion-router-outlet>
<app-sidemenu></app-sidemenu>
</ion-app>

其中app-sidemenu就是自定义的一个菜单栏, 其具体的样式如下:

.sidemenu {
  width: 100px;
  height: 100%;
  position: absolute;
  left: 0;
  background: #fcfcfc;
}

可以看到是固定了宽度,position的方式是absolute, 总是靠在页面的左边。

发布了372 篇原创文章 · 获赞 1031 · 访问量 242万+

猜你喜欢

转载自blog.csdn.net/moxiaomomo/article/details/103528732