需求是实现一个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, 总是靠在页面的左边。