element透明弹窗

最新推荐文章于 2023-03-02 17:15:12 发布

PEACEMINUSON

最新推荐文章于 2023-03-02 17:15:12 发布

阅读量883

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/PEACEMINUSON/article/details/128559296

版权

<el-dialog :title="title" :visible.sync="dialogTableVisible" @open="open()" :modal="false" class="showTable" width="50%">
......
    </el-dialog>


css样式

//弹出层
.showTable {
  /deep/.el-icon-close:before {
    content: '\E6DB';
    color: rgb(40, 118, 193);
    font-size: 23px;
    font-weight: 600;
  }

  /deep/.el-dialog {
    background: rgba(0, 0, 0, 0.8) !important; //弹出层透明

    // border: rgb(40, 118, 193) 1px solid;
    backdrop-filter: blur(3px); //模糊

    .el-dialog__title {
      color: rgb(255, 255, 255);
    }
  }
}