在目前TSINGSEE青犀视频开发的众多视频平台中，EasyCVR可以说是一个完善的平台，即便于市面其他平台进行对比，EasyCVR也算得上是在走在前列的平台。
根据EasyCVR的编译和开发逻辑，我们又开发了EasyCVS管理平台。初期EasyCVS开发时，其顶部菜单栏在页面宽度较小的情况下，由于宽度不够，需要隐藏，但此时没法进行路由切换，这点还需要进一步优化。
在页面宽度不够的情况下，显示菜单栏有两种解决办法：
第一种是是缩小菜单栏每个item的宽度以适应总宽度，但是每个item都有最小宽度的，不然字体内容就会引起布局混乱，因此该做法下限有点低； 第二种就是开右侧导航栏，该做法在移动端依旧适用。因此我们此处尝试了用这一方式来解决菜单栏隐藏的问题。
参考代码如下：
代码语言：javascript复制 <el-drawer title="我是标题" :visible.sync="NavRight" :with-header="false">
<div>
<el-menu
:default-active="activeIndexRight"
class="el-menu-vertical-demo"
@open="handleOpen"
@select="select"
background-color="#292C33"
text-color="#fff"
@close="handleClose"
:router="true"
>
<el-menu-item index="0" :route="'/scrren'">
<span slot="title">实时预览</span>
</el-menu-item>
<el-menu-item index="1" :route="'/live/lis'">
<span slot="title">视频直播</span>
</el-menu-item>
<el-menu-item index="2" :route="'/user/list'">
<span slot="title">用户管理</span>
</el-menu-item>
<el-menu-item index="3" :route="'/space/list'">
<span slot="title">空间管理</span>
</el-menu-item>
<el-menu-item index="4" :route="'/bucket/list'">
<span slot="title">对象存储</span>
</el-menu-item>
</el-menu>
</div>
</el-drawer>
