README

BSD 是一个基于 Bootstrap 4 模态框的微小且灵活的对话框集合。
除了内置对话框（警告、确认和提示）之外，还可以轻松定义自定义对话框。

文档

完整的文档和示例可在 https://packages.bgaze.fr/bootstrap4-dialogs 找到

快速入门

BSD 需要 jQuery v1.9+ 和 Bootstrap 4 模态组件。

有几种快速入门选项可供选择

使用 npm 安装: npm i bgaze-bootstrap4-dialogs
使用 yarn 安装: yarn add bgaze-bootstrap4-dialogs
通过 CDN 安装: https://cdn.jsdelivr.net.cn/gh/bgaze/bootstrap4-dialogs@2/dist/bootstrap4-dialogs.min.js
使用 Composer 安装: composer require bgaze/bootstrap4-dialogs
下载最新版本: https://github.com/bgaze/bootstrap4-dialogs/releases
克隆仓库: git clone https://github.com/bgaze/bootstrap4-dialogs.git

只需确保将所需的依赖项包含到您的应用程序中，然后包含库即可

如果作为模块安装，导入它: const bsd = require("bgaze-bootstrap4-dialogs");
否则将脚本包含到您的页面中: <script src="path/to/bootstrap4-dialogs.js"></script>

就这么多！现在您可以使用全局声明的 bsd 对象。

// Alert
bsd.alert('Lorem ipsum dolor sit amet');

// Confirm
bsd.confirm('Lorem ipsum dolor sit amet', function (confirmed) {
    if (confirmed) {
        // ...
    }
});

// Prompt
bsd.prompt('Lorem ipsum dolor sit amet', function (value) {
    if (value !== null) {
        if (value.trim() === '') {
            // Prevent dialog closing, as provided value is empty.
            return false;
        } 

        console.log(value);
    }
});

bgaze / bootstrap4-dialogs

维护者

详细信息

README

文档

快速入门