wex5中工具类util提供的信息提示方法hint

wex集成了Bootstraap框架,在这个方法实际上是套用了Bootstrap中的alerts

{
        "type: {string} 提示类型,取值范围:info、success、warning、danger,缺省:info
        "delay" : {integer} 自动关闭时间,单位为:毫秒,缺省:3000
        "parent": {DomNode}    父容器,缺省:body,使用jquery selector来设置或jquery对象,如"#abc" ".abc"        
        "position": {string} 显示位置,取值范围:top、middle、bottom,缺省:top 
        "style": {string} css样式,增加的自定义样式
    }

在Bootstrap中的用法是引入了Bootstrap的js文件后在div中设置警告类

<div class="alert alert-success">成功!很好地完成了提交。</div>
<div class="alert alert-info">信息!请注意这个信息。</div>
<div class="alert alert-warning">警告!请不要提交。</div>
<div class="alert alert-danger">错误!请进行一些更改。</div>

实现效果如下,此外BootStrap的alerts可以进行关关闭以及链接的操作

Js中引入全局变量Util

var util = require("$UI/system/lib/base/util");//引入Util

  util.hint("获取经纬度失败", {//使用Util工具类的提示方法
  "position" : "warning"
  });

-------------------------------------------------------------------------------------------------------------------------------------------------------- 目前的博客发表主要以记录笔记为主,可能部分内容有些浅显,望各路大牛勿喷,请您雅正
原文地址:https://www.cnblogs.com/404code/p/8434596.html