<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);
}
}
}
element透明弹窗
最新推荐文章于 2023-03-02 17:15:12 发布