修改$confirm里的按钮颜色

修改$confirm里的按钮颜色

 this.$confirm('您本次上传的数据为' + this.fromse.startime + '~' + this.fromse.endtime + '之间的数据', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        confirmButtonClass: "confirmbtn",//自定义class
        type: 'warning'
      }).then(() => {
        reportElectric(data).then(respont => {
          this.$message.success("上传成功！");
        });
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消'
        });
      });

在全局的app.vue文件里写具体样式，

<template>
  <div id="app">
    <router-view />
    <vxe-modal-container />
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {};
  },
  mounted() {}
};
</script>

<style lang="scss">
#app {
  color: #2c3e50;
  width: 100%;
  height: 100%;
  position: relative;
  .version {
    position: absolute;
    bottom: 0px;
    left: 10px;
    color: #9aa1b1;
    font-size: 10px;
  }
}
//自定义按钮样式
.confirmbtn{
  color: #FFFFFF;
    background-color: #0e83d1!important;
    border-color: #0e83d1!important;
}
</style>