组件分层
由于弹窗组件比较多,再某些场景下会使用多种弹窗进行组合,本章节讲述如何对组件进行分层管理。下面是 Bootstrap
提供的内置 z-index
值:
$zindex-dropdown: 1000;
$zindex-sticky: 1020;
$zindex-fixed: 1030;
$zindex-offcanvas-backdrop: 1040;
$zindex-offcanvas: 1045;
$zindex-modal-backdrop: 1050;
$zindex-modal: 1055;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
本套组件额外增加了 Message
Dialog
Swal
Toast
各组件分层如下:
Drawer: 1050;
Dialog: 1050;
Swal: 1070;
Message: 1090;
Toast: 1090;
测试环节
由于 Drawer
组件未提供服务形式,后期改造