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

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

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

 <div class="refundSuccess"><el-dialogwidth="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() {fundSuccess = true; //提交成功显示弹窗setTimeout(() => {fundSuccess = 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;
}