# dialog

**Repository Path**: Lmui/dialog

## Basic Information

- **Project Name**: dialog
- **Description**: 这是几种js弹框类型（必须引入jq）：
1. 选择对话框的话就用SelectDialog操作
2. 加载框分两种：1）单纯的加载框；2）操作加载框，用LoadDialog操作
3. 信息提示框：用MsgDialog操作，一般3秒，点击遮罩层会关闭信息提示框，要传入类型，suc代表成功，fail代表失败，warn代表警告
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-12-20
- **Last Updated**: 2023-05-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# dialog

#### 介绍
这是几种js弹框类型（必须引入jq）：
1. 选择对话框的话就用SelectDialog操作
2. 加载框分两种：1）单纯的加载框；2）操作加载框，用LoadDialog操作
3. 信息提示框：用MsgDialog操作，一般3秒，点击遮罩层会关闭信息提示框，要传入类型，suc代表成功，fail代表失败，warn代表警告

#### 软件架构
软件架构说明


#### 安装教程

1. 引入dialog.css样式
2. 引入iconfont.css（这是给信息提示框显示的字体图标）
3. 引入jquery（必须在dialog.js前面）
4. dialog.js

#### 使用说明

1. 选择对话框的话就用

    1）打开
        SelectDialog.open({
                title: '提示', // 选择对话框头部名称
                content: '<div class="select_content">这里是显示内容</div>', // 选择对话框的内容，可以直接写html标签，或者直接嵌入一个html的iframe标签，这里样式随便自己写，可以另起一个css，也可以直接在标签上加，不建议在标签上加css样式
                // txt: '是否确认删除？', // 例如一个删除判断选择框，txt不会跟content同事存在，如果同时存在只会取content
                subBtn: '确定', // 提交/确定按钮，按钮显示的文字，如果不传这个参（不是不给内容，是不存在‘subBtn’这个参数）就不存在这个按钮
                subBtnFun: function() { // 调用函数，可在里面写任何js方法
                    alert('你已经点击了提交/确定按钮');
                },
                cancelBtn: '取消' // 取消/关闭按钮，按钮显示的文字，如果不传这个参（不是不给内容，是不存在‘cancelBtn’这个参数）就不存在这个按钮
            });
    2）关闭SelectDialog.close()，已经在方法里面引用，没必要在引用操作，除非没有加subBtn跟cancelBtn两个参数
2. 加载框

    1）单纯的加载框：
        a.打开
            LoadDialog.open('loading');
        b.关闭
            LoadDialog.close();
    2）操作加载框：
        a.打开
            LoadDialog.open('ctrlLoad');
        b.关闭
            LoadDialog.close();
3. 信息提示框（都是默认的3秒时间，没得更改）

    1）成功提示框
        MsgDialog.open('这是成功提示框', 'suc');
    2）失败提示框
        MsgDialog.open('这是失败提示框', 'fail');
    3）警告提示框
        MsgDialog.open('这是警告提示框', 'warn');

#### 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)