移动端（H5）弹框组件--简单--实用--不依赖jQuery

俗话说的好，框架是服务与大家的，包含的功能比较多，代码多。在现在追求速度的年代。应该根据自己的需求去封装自己所需要的组件。

下边就给大家介绍一下自己封装的一个小弹框组件，不依赖与jQuery，代码少，适用于一般移动端小项目。

这个插件名称：MobileUi

包含功能：弹框，正在加载，tips1.5秒消失，清除正在加载。

如图：

  

接下来我来告诉大家怎么用吧！！

第一步：配置<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

第二步：加载  mobile-ui1.0-compress.js

第三步：用

             /*---第一种--带--确定与取消的弹出框 ---*/
             MobileUi.init({
                 title:'确认删除',
                 text:'您确认要删除吗？',
                 type:1,
                 callbak:function(){
                     console.log('callbak');
                 }
             });
 
             /*---第二种--带--确定的弹出框 ---*/
             MobileUi.init({
                 type:2,
                 title:'提示',
                 text:'您的操作有误',
                 callbak:function(){
                     console.log('callbak');
                 }
             })
 
             /*---第三种--数据加载中---*/
             MobileUi.init({
                 type:3
             })
 
             /*---第四种--提示消息自动消失 ---*/
             MobileUi.init({
                 type:4,
                 text:'您的手机号码有误'
             })
 
             /*---第五种--移除数据加载 ---*/
             MobileUi.init({
                 type:5
             })