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的權重別被覆蓋