# elementui弹窗组件单独分离使用

**Repository Path**: zhuronghuan/ele-dialog

## Basic Information

- **Project Name**: elementui弹窗组件单独分离使用
- **Description**: 吧elementui中的弹窗组件单独剥离出来进行使用，和传统的使用方法一直，不必映入vue.js和安装脚手架工具，开箱即用
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-07-25
- **Last Updated**: 2023-07-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# elementui弹窗组件单独分离使用

#### 介绍
吧elementui中的弹窗组件单独剥离出来进行使用，和传统的使用方法一直，不必引入vue.js和安装脚手架工具，开箱即用

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


#### 安装教程

1.  下载ele-dialog文件夹里所有的文件
2.  引入文件夹中ele-dialog.css文件
3.  引入jquery文件
4.  引入文件夹中ele-dialog.js文件

#### 使用说明

1. let ui = new eleDialog()
2. api主要有4个，分别是ui.msg  ui.alert  ui.confirm  ui.prompt
3. 参数请查看文件夹中的test.html 示例文件
### 示例图片
![输入图片说明](%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230725155716.png)
![输入图片说明](%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230725155722.png)
![输入图片说明](%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230725155729.png)
![输入图片说明](%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230725155734.png)
![输入图片说明](%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230725155750.png)
![输入图片说明](%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230725155756.png)
![输入图片说明](%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230725155802.png)