UM

UM对象提供了常用UI组件，不涉及任何原生服务的调用。

alert

使用方法：

UM.alert(option)；

示例代码：

  UM.alert({
       title: '您点击了警示框按钮',
       btnText: ["取消", "确定"],
       overlay: true,
       ok: function () {
         $this.parent().next().children('.form-control').val('已点击');
       }
   });

title与text均可为警示内容，两者最少出现一个值。

confirm

使用方法：

UM.confirm(option);

示例代码：

 UM.confirm({
      title: '友情提示：',
      text: '您确定要更改按钮颜色吗？',
      btnText: ["cancle", "ok"],
      overlay: true,
      ok: function () {
          $this.css('backgroundColor', 'red');
      },
      cancle: function () {
          $this.css('backgroundColor', '#007aff');
      }
 });

prompt

使用方法：

UM.prompt(option);

示例代码：

 UM.prompt({
     title: '请输入信息',
     btnText: ["取消", "确定"],
     overlay: true,
     ok: function (data) {
        alert(data);
     },
     cancle: function (data) {
        alert(data);
     }
 })

login

使用方法：

UM.login(option);

示例代码：

   UM.login({
        title: '请输入登录信息',
        btnText: ["取消", "确定"],
        overlay: true,
        ok: function (data) {
            alert(data);
        },
        cancle: function (data) {
            $this.parent().next().children('.form-control').val('未登录');
        }
   });

toast

使用方法：

UM.toast(option);

示例代码：

   UM.toast({
       title: '友情提示：',
       text: '3秒后消失',
       duration: 3000
   });

提示框的参数比较特殊，需要传入持续时间参数duration，不传值默认为2秒。

showLoadingBar

使用方法：

UM.showLoadingBar(option);

示例代码：

   UM.showLoadingBar({
       text: "加载中",
       icons: 'ti-loading',
   })

显示loadingBar示传入的参数有两个：

• text 提示内容，默认值“正在加载”；
• icons 提示图标，设置不同的图标，可定制统一加载样式，默认值“ti-reload”；

hideLoadingBar

使用方法：

UM.hideLoadingBarr();

示例代码：

   UM.hideLoadingBar();

隐藏loadingBar不需要传递参数，当代码执行到特定位置时，使用该方法可隐藏loadingBar。