element-ui 的提示弹框样式修改

      const h = this.$createElement
      this.$confirm('', {
        message: h('div', null, [
          h('i', { class: 'el-icon-warning', style: 'color:#F38300;font-size:44px;line-height:20px' }),
          h(
            'span',
            { style: 'margin-left:23px;font-size:20px;line-height:10px;font-weight:500;vertical-align:top;' },
            '您确定要删除该数据吗?'
          ),
          h('p', { style: 'margin-left:66px;' }, `删除后无法还原`)
        ]),
        confirmButtonText: '确定',
        cancelButtonText: '取消'
      }).then(() => {
        this.$message({
          type: 'success',
          message: '删除成功!'
        })
      }).catch(() => {})

你可能感兴趣的:(element-ui 的提示弹框样式修改)