vue---museui解决底部/顶部导航栏位置固定问题

移动端页面通常会包括顶部导航或底部导航栏，导航栏一般固定在页面上。

问题描述如下：

导航栏未固定，顶部红色导航栏会随着页面下滚而消失，底部的蓝色导航栏会根据页面内容变化而上下浮动，视觉体验非常不好。

解决方法：

给导航栏添加css样式

（1）底部蓝色导航栏，设置样式position:fixed; left:0; bottom:0;width: 100%;z-index: 1000;代码如下：

（2）顶部红色导航栏，由于多个页面分别都包含不同名称(如：学习资源，课程知识地图等等)的顶部导航栏，为顶部导航栏添加相同class="header_title"

在App.vue中为它们设置统一样式position: fixed;width: 100%;left: 0;top: 0;z-index: 1000;

完美解决问题，导航栏固定住啦~~ 效果图展示如下：