美文网首页
element-ui 的提示弹框样式修改

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

作者: Gambler_194b | 来源:发表于2022-04-29 14:52 被阅读0次
      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 的提示弹框样式修改

      本文链接:https://www.haomeiwen.com/subject/kwesyrtx.html