//主要是加上 ::v-deep
::v-deep .el-dialog {
--el-bg-color: #000741 !important;
}
//弹框头部
::v-deep .el-dialog__header {
--el-text-color-primary: #1EFFFF;
--el-text-color-regular: #fff;
padding: 0 !important;
width: 100%;
height: 64px;
background: linear-gradient(90deg, #1165F8 0%, rgba(28, 97, 234, 0) 100%);
}
//弹框标题
::v-deep .el-dialog__title {
margin-left: 24px;
line-height: 64px;
}
//弹框内容部分
::v-deep .el-dialog__body {
--el-bg-color: #000741 !important;
--el-text-color-regular: #fff;
}
vue3中element-ui之dialog弹框组件修改背景色及其他样式
最新推荐文章于 2024-06-26 22:42:50 发布