Element UI Drawer 组件背景颜色 CSS 代码详解
Element UI 的 Drawer 组件的背景控制 CSS 代码在以下文件中:
element-ui/lib/theme-chalk/drawer.css
在这个文件中,可以找到以下 CSS 代码块,用于控制 Drawer 组件的背景样式:
.el-drawer__wrapper {
position: fixed;
top: 0;
left: 0;
z-index: 2000;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: background-color .3s cubic-bezier(.25, .8, .25, 1);
transition: background-color .3s cubic-bezier(.25, .8, .25, 1);
text-align: left;
}
其中,background-color: rgba(0, 0, 0, 0.5); 控制了 Drawer 组件的背景颜色,可以根据需要进行修改。
原文地址: http://www.cveoy.top/t/topic/mOI4 著作权归作者所有。请勿转载和采集!