MintUI中的mt-popup中嵌套mt-popup

常用的vue移动端组件库:官网

需求场景:弹窗上还有一层弹窗(如弹窗上的日期组件),使用MintUI中的mt-popup来实现

惯性思维,会这样写:

<mt-popup>
    <mt-popup></mt-popup>
</mt-popup>

这个是错误的,这样导致层级错误

正确写法:

<mt-popup></mt-popup>
<mt-popup></mt-popup>

还需要修改toast的堆叠层级,会被覆盖,在app.vue中修改

.mint-toast {
    z-index: 2043 !important;
}