码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-02-09 14:59:39      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:node   success   com   实现   时间   body   div   ott   链接   

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可以进行关关闭以及链接的操作

技术分享图片

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

标签:node   success   com   实现   时间   body   div   ott   链接   

原文地址:https://www.cnblogs.com/404code/p/8434596.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!