1 Star 8 Fork 0

liuxingyu01 / Qmsg

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

Qmsg 消息提示插件

使用

兼容IE>=9。

<link rel="stylesheet" href="./css/message.css">

<!-- your html -->

<script src="./js/message.js"></script>

<script>
    var configs = {};
    // configs 为配置参数,可省略
    Qmsg.info("这是提示消息",configs);
</script>

全局配置

在引入message.js之前可以通过全局变量 QMSG_GLOBALS.DEFAULTS 来进行配置

window.QMSG_GLOBALS = {
    DEFAULTS:{
        showClose:true,
        timeout:5000
    }
}

或者通过Qmsg.config({})来动态修改全局配置:

Qmsg.config({
    showClose:true,
    timeout:5000
})

所有支持的配置信息如下:

参数名 类型 描述 默认
position String 消息显示的位置,居于顶部的左中右,'left','right','center'可选 'center'
showClose Boolean 是否显示关闭图标 false
timeout Number 多久后自动关闭,单位ms 2000
autoClose Boolean 是否自动关闭 true
content String 提示的内容 ''
onClose Function 关闭的回调函数 null
html Boolean 是否将内容作为html渲染 false
maxNums Number 最多显示消息(autoClose:true)的数量 5

Qmsg支持的方法

Qmsg.info()

Qmsg.warning()

Qmsg.error()

Qmsg.success()

Qmsg.loading()

以上方法均可传递1-2个参数,如下:

Qmsg.loading("我是加载条");
Qmsg.info("给你个眼神,你懂得",{
    showClose:true,
    onClose:function(){
        console.log('我懂了')
    }
})
Qmsg.error({
    content:"1+1=3",
    timeout:5000
})
//...

注意:Qmsg.loading()默认修改autoClose=false,一般来说需要手动关闭:

var loadingMsg = Qmsg.loading('我是加载条');
//do something
loadingMsg.close();

如需要自动关闭则需要如下调用:

Qmsg.loading("我是加载条",{
    autoClose:true
})
//或者
Qmsg.loading({
    autoClose:true,
    content:"我是加载条"
})

Qmsg.closeAll()

关闭所有消息,包括autoClose=false的消息

消息实例支持的方法和属性

var aMsg = Qmsg.info("这是个info消息")

close()

关闭当前消息,会触发onClose回调函数。

aMsg.close()

destroy()

销毁消息,不会触发onClose回调函数。

aMsg.destroy()

timeout

多久后关闭,单位ms,设置该值可动态修改该消息实例的关闭时间,前提是该消息实例的autoClose==true

空文件

简介

Qmsg 消息提示插件 展开 收起
JavaScript 等 3 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/leisureLXY/qmsg.git
git@gitee.com:leisureLXY/qmsg.git
leisureLXY
qmsg
Qmsg
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891