iview框架modal中嵌套modal


声明下我使用的是iview2的版本

 

modal的使用是平级的,后面的会覆盖前面,如下
<modal>111</modal>
<modal>222</modal>
内容为222的弹框会在内容为111的弹框上面显示

有些场景需要在modal中在弹出modal,上面的使用就不符合要求了
给下面modal添加一个id属性,格式如下
<modal>333
<modal id="my-modal">444</modal>
</modal>

<style>

#my-modal .ivu-modal-mask{
z-index: 1009;
}
#my-modal .ivu-modal-wrap{
z-index: 1009;
}

</style>
添加id会直接在外容器上添加,所以在去找下面的子容器设置z-index就可以了

 

注意css的权重别被覆盖


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM