Element UI Drawer 背景 CSS 代码位置与示例
Element UI 的 Drawer 控制背景的 CSS 代码可以在以下两个文件中找到:
- element-ui/lib/theme-chalk/drawer.css
- element-ui/packages/theme-chalk/src/drawer.scss
具体的代码如下:
.element-drawer__wrapper {
position: fixed;
top: 0;
left: 0;
z-index: 2000;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
pointer-events: none;
}
.element-drawer__container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: auto;
}
其中,.element-drawer__wrapper 控制整个背景的样式,.element-drawer__container 控制 Drawer 的样式。
原文地址: http://www.cveoy.top/t/topic/mOIY 著作权归作者所有。请勿转载和采集!