做项目时有个需求是在web端里面嵌入一个页面全屏的大屏，但若依web自带的侧边栏导航和顶部导航一时还不知道怎么隐藏起来，于是在网上到处查找资料，终于，还是在若依的gitee文档中发现了线索

怎么隐藏侧边栏和顶部导航栏实现完全的全屏 · Issue #I4XSKH · 若依/RuoYi-Vue - Gitee.com

在这里，作者表明项目中仅封装有隐藏侧边栏的方法 toggleTopBarHide 于是，我们采用作者的建议参考侧边栏的实现的逻辑。

实现过程

1.在store目录下的app.js中加入对应控制顶部显隐的属性topbar，同时在actions中加入对饮方法toggleTopBarHide

2.进入layout目录下的index页面

加入如下代码

到这里，已经可以实现顶部和侧边栏的显隐了

使用

仅作记录