Noty 页面通知与确认对话框

插件下载

https://github.com/needim/noty

页面通知

页面通知参考
https://blog.csdn.net/asing1elife/article/details/82905563

需要导入的文件

    <link href="~/Content/noty-master/noty-master/lib/noty.css" rel="stylesheet" />

    <script src="~/Content/noty-master/noty-master/lib/noty.min.js"></script>
    <script src="~/Content/noty-master/noty-master/lib/noty.js"></script>

确认对话框

我们可以用下面的数组设置按钮对象;

 new Noty({
  text: 'Do you want to continue? <input id="example" type="text">',
  buttons: [
    Noty.button('YES', 'btn btn-success', function () {
        console.log('button 1 clicked');
    }, {id: 'button1', 'data-status': 'ok'}),

    Noty.button('NO', 'btn btn-error', function () {
        console.log('button 2 clicked');
         Noty.closeAll();
    })
  ]
}).show();