ToB企服应用市场:ToB评测及商务社交产业平台
标题:
ruoyi vue3版本web端隐藏侧边栏及其顶部导航栏
[打印本页]
作者:
宝塔山
时间:
2024-8-4 10:03
标题:
ruoyi vue3版本web端隐藏侧边栏及其顶部导航栏
做项目时有个需求是在web端里面嵌入一个页面全屏的大屏,但若依web自带的侧边栏导航和顶部导航一时还不知道怎么隐藏起来,于是在网上随处查找资料,终于,还是在若依的gitee文档中发现了线索
怎么隐藏侧边栏和顶部导航栏实现完全的全屏 · Issue #I4XSKH · 若依/RuoYi-Vue - Gitee.com
在这里,作者表明项目中仅封装有隐藏侧边栏的方法
toggleTopBarHide
于是,我们采用作者的建议参考侧边栏的实现的逻辑。
实现过程
1.在store目录下的app.js中到场对应控制顶部显隐的属性topbar,同时在actions中到场对饮方法toggleTopBarHide
2.进入layout目录下的index页面
到场如下代码
到这里,已经可以实现顶部和侧边栏的显隐了
使用
仅作记载
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)
Powered by Discuz! X3.4