符合ElementUI层级标准的全屏组件
众所周知,浏览器是有官方的全屏
API
的:Element.requestFullscreen()
,它可以让一个元素立刻铺满视窗,并且置于所有元素之上。官方全屏是设定层级高于一切,那些append-to-body
的弹窗,无论z-index
多高,也绝对不会被显示出来。而那些非append-to-body
模式的弹出层,确实会在某些业务场景不符合要求。
符合ElementUI
层级标准的全屏组件
和浏览器官方
API
实现全屏的思路基本一致,但不同的地方在于:
- 官方全屏会默认置顶,
z-index
无限大;- 封装的全屏组件,
z-index
符合PopupManager
管家的规范。
真的厉害了