1 Star 0 Fork 35

chenhailong118 / msg

forked from 鬼画符 / msg 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 1.61 KB
一键复制 编辑 原始数据 按行查看 历史
鬼画符 提交于 2020-03-03 13:10 . update readme

快速体验

http://res.weiunity.com/msg/demo.html

快速使用

第一步,引入 msg.js

<script src="https://res.weiunity.com/msg/msg.js"></script>

第二步,一行代码使用

msg.info('Hello Msg')

信息提示,2.5秒后自动关闭

msg.success('操作成功')

成功提示,1.5秒后自动关闭

msg.failure('操作失败');

失败提示,2.5秒后自动关闭

msg.loading('加载中');

加载中的提示,图片会有一张动图一直转圈。不会自动关闭,配合 msg.close(); 一起使用

msg.close();

主要用来配合 msg.loading(); 来使用,关闭加载中的提示。 其他的 msg.info()、 msg.success()、 msg.failure() 这些也可以用此来进行关闭,只不过实际使用时,没什么必要

弹出提示,提示消失时执行其他命令

弹出提醒,提醒消失时,弹出alert提示框的代码示例:

msg.info('Hello Msg', function(){
	alert(123);
});

msg.info() 、 msg.success()、 msg.failure() 这三个都支持这种方式。

写在后面

做了不少项目,其中有些里面,只需要一个加载中、一个好看的提示信息就可以的,但是需要实现,要引入jquery、引入layui、或者引入。。。。本来只是很简单的目的,却向项目中引入了这么多东西。另外负责项目的同事一看,好吧,这么一大坨,干啥的,引入了这么多,这么复杂,更改时是不是更要小心点了。

msg.js已在 网市场云建站系统 https://gitee.com/mail_osc/wangmarket 等项目中采用。

JavaScript
1
https://gitee.com/chenhailong118/msg.git
git@gitee.com:chenhailong118/msg.git
chenhailong118
msg
msg
master

搜索帮助