Element UI 的 Drawer 控制背景的 CSS 代码可以在以下两个文件中找到:

  1. element-ui/lib/theme-chalk/drawer.css
  2. 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 的样式。

Element UI Drawer 背景 CSS 代码位置与示例

原文地址: http://www.cveoy.top/t/topic/mOIY 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录