在 Element UI 的源代码中,Drawer 组件的背景样式是通过遮罩层(mask)实现的,具体的 CSS 代码可以在以下文件中找到:

/src/packages/drawer/src/drawer.vue

在该文件中,可以找到以下 CSS 代码段(可能会因版本不同而有所变化):

.el-drawer__mask { position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); transition: background-color .3s; }

其中,.el-drawer__mask 就是遮罩层的 CSS 类名,background-color 属性控制了遮罩层的背景颜色,可以根据需要修改。

element ui 的 drawer 控制背景的 css代码在哪里

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

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