更改element-ui dialog 遮罩层的透明度

1.dialog组件外部使用一个div包裹

   
  这是一段信息
  
    取 消
    确 定
  
  
 

2.更改组件样式(我的vue 项目使用的是less)

.dialog /deep/ .el-dialog__wrapper {
    background-color:rgba(0,0,0,0.8);
}

3.如果使用的stylus

.dialog >>>.el-dialog__wrapper {
    background-color:rgba(0,0,0,0.8);
}

补充：
在项目中使用了scss

.dialog ::v-deep .el-dialog__wrapper {
    background-color:rgba(0,0,0,0.8);
}