npm i xq-confirm

在typescript代码或javascript代码中引入后使用

import xqConfirm from 'xq-confirm';

同时在相应的页面得引入bootstrap和bootstrap-icon

{
    type: 'alert',//默认只提示，要有确认按钮请使用'confirm'
    size: 'modal-sm',
    position: 'modal-dialog-centered',
    title: '提示信息',//标题
    content: '您确认要进行操作吗?',//内容
    icon: 'info',//info信息，warn警告,danger危险
    confirmButton: '确认',
    cancelButton: '取消',
    confirmButtonClass: 'btn-primary',
    cancelButtonClass: 'btn-secondary',
    confirm:()=> {},//确认回调方法
    cancel:()=> {},//取消回调方法
    // confirm|3000表示3秒后自动确认，cancel|3000表示3秒后自动取消
    autoClose: false
}

xqConfirm({
//配置项信息
})

xqConfirm({
    'title':'自定义标题',
    'content':'自定义内容'
})

xqConfirm({
//或者warn,danger等，也可以指定bootstrap-icon，
//例如："bi bi-info-square link-primary"
    icon:'info'
})

xqConfirm({
    type:'confirm',//默认为alert提示框
    autoClose:'confirm|3000'//自动确认
    //cancle|3000为自动取消，3000为3000毫秒，也就是3秒
})

xqConfirm({
    type:'confirm',
    confirm:function(){
        alert('点击了确认')
    },
    cancel:function(){
        alert('点击了取消')
    }
})