vue+element 自定义提交成功提示

在这家公司一般都是做后台管理项目，用到提示的地方比较多，所以记录一下。
是结合element中的dialog插件开发的

 <div class="refundSuccess">
      <el-dialog
        width="40%"
        title=""
        :visible.sync="refundSuccess"
        :showClose="false"
        :close-on-click-modal="false"
        :modal = "false"
      >
        <p class="success">
          <i class="el-icon-success"></i>
          <span>退款申请已提交！</span>
        </p>
      </el-dialog>
    </div>
    
    data(){
    return:{
        refundSuccess = false;
      }
    }
    
   refundSubmit() {
      this.refundSuccess = true; //提交成功显示弹窗
      setTimeout(() => {
        this.refundSuccess = false; //2s后自动关闭
      }, 2000);
    },


.success {
  text-align: center;
}
.el-icon-success {
  font-size: 56px;
  color: #67c23a;
  vertical-align: middle;
}
.success span {
  font-size: 20px;
  margin-left: 10px;
  /* margin-top:5px; */
}
.refundSuccess /deep/ .el-dialog__header {
  padding: 0;
  border: none;
}