符合ElementUI层级标准的全屏组件
众所周知,浏览器是有官方的全屏
API
的:Element.requestFullscreen()
,它可以让一个元素立刻铺满视窗,并且置于所有元素之上。官方全屏是设定层级高于一切,那些append-to-body
的弹窗,无论z-index
多高,也绝对不会被显示出来。而那些非append-to-body
模式的弹出层,确实会在某些业务场景不符合要求。
符合ElementUI
层级标准的全屏组件
和浏览器官方
API
实现全屏的思路基本一致,但不同的地方在于:
- 官方全屏会默认置顶,
z-index
无限大;- 封装的全屏组件,
z-index
符合PopupManager
管家的规范。
真的厉害了
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构