vue3中element-ui之dialog弹框组件修改背景色及其他样式

最新推荐文章于 2024-06-26 22:42:50 发布

TEA.YE

最新推荐文章于 2024-06-26 22:42:50 发布

阅读量6.3k

点赞数 5

分类专栏： element-ui vue3 文章标签： ui css css3

本文链接：https://blog.csdn.net/qq_57540936/article/details/126559548

版权

element-ui 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

//主要是加上  ::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;
}