要实现的成果如下:
首先官网文档是这样形容的:
然而我写了个小demo发现并不能间接平级搁置即可,一样会存在先后顺序不同造成的笼罩以及遮罩层导致不能点击被遮蔽的dialog。
起因如下:因为dialog先后顺序不同z-index设置的层级不同,所以必定会笼罩遮挡
那么咱们要实现一个这样的成果不仅仅平级搁置即可,就要用到外面的一个属性:modal
上面贴上代码:
总的思路就是:dialog先后顺序重叠问题,应用便宜去让它们错开;而后就是遮罩层导致不能点击z-index层级低的弹框,就要用到modal去敞开z-index层级高的遮罩层。(还能够额定应用close-on-click-modal来勾销通过点击 modal 敞开 Dialog)