vue-element-admin的全屏功能
1. 复制文件

  • ① 首先把vue-element-admin中的src/components/Screenfull 复制到自己项目中
  • ②还有src/icons/svg下的exit-fullscreen.svg和fullscreen.svg复制到自己项目中

2.修改
如果出现提示you browser can not work,查看src/Screenfull/index.vue,打印一下screenfull,不同的版本screenfull下的isEnabled不一样,有的是isEnabled有的是Enabled
在这里插入图片描述

然后进入src/layout/components/Navbar.vue,添加

在这里插入图片描述
还有两处
在这里插入图片描述
此时全屏功能就可以了
在这里插入图片描述
位置自己用样式调就行了。

GitHub 加速计划 / vu / vue-element-admin
24
9
下载
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:4 个月前 )
0caa975e - 3 年前
cd3f7267 - 3 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐