# 模态弹窗

**Repository Path**: null_747_9838/MoTaiDanChuang

## Basic Information

- **Project Name**: 模态弹窗
- **Description**: 这是一个我自己写的一个小小模态弹窗插件，目前支持2种状态：确认弹窗和模态弹窗，喜欢可以拿去使用~
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 33
- **Forks**: 5
- **Created**: 2017-09-22
- **Last Updated**: 2024-10-25

## Categories & Tags

**Categories**: jquery-plugins

**Tags**: None

## README

这是我自己写的一个小小模态弹窗插件（基于zepto，主要针对移动端），界面简洁（模拟IOS模态弹窗设计），喜欢的可以拿去使用哈~~

目前只支持2种状态：确认弹窗和模态弹窗（根据popStatus区分）

（1）确认弹窗
配置：
```
popup({
    popStatus: 1,
    popTitle: "提示",
    popContent: "正在加载中，请稍后再试哦~",
    popConfirm: function(res){
    	console.log(res);
        //点“确定”后，你要处理的事情
    }	    	    
})
			        
```
![确认弹窗](https://git.oschina.net/uploads/images/2017/0922/163606_1743aa93_1036569.png "屏幕截图.png")

（2）模态弹窗
配置：
```
popup({
    popStatus: 2,
    popTitle: "提示",
    popContent: "正在加载中，请稍后再试哦~"，
    popCancel: function(res){
    	console.log(res);
    	//点“取消”后，你要处理的事情
    },
    popConfirm: function(res){
    	console.log(res);
        //点“确定”后，你要处理的事情
    }
})
			        
```
![模态弹窗](https://git.oschina.net/uploads/images/2017/0922/163823_db2d7676_1036569.png "屏幕截图.png")

不过现在我也找到了一些比较好的UI框架（都有模态框，尴尬 =_=），我也分享出来，大家选取适合自己的去用吧~~

## 1、MUI
* **地址**：http://dev.dcloud.net.cn/mui/
* **css和js的CDN**：http://www.bootcdn.cn/mui/
* **css Size**：94kb 加载时间约30ms
* **js Size**：144kb 加载时间约50ms
* **兼容性**较好，ios最低到8系统都完美支持，安卓是4.3以上
* **试用场景**：混合开发、移动开发
* 配合**Hbuilder编辑器**开发更快：http://dev.dcloud.net.cn/mui/getting-started/

## 2、WeUI
* **地址**：https://weui.io/#
* **github地址**（使用代码）：https://github.com/Tencent/weui/wiki
* 此框架由微信团队开发，适合微信内网页和微信小程序的开发
* 功能没有MUI强大，但已够用
* MeUI仅提供css，不提供js功能
* 快速上手：https://github.com/Tencent/weui/wiki/getting-started

## 3、AmazeUI
* 地址：http://amazeui.org/