cocomessage消息提示插件
目录
文章目录隐藏
cocomessage 是一个消息提示插件,简约美观。
coco-message
coco-message 是一个简单实用的 javascript 信息提示插件, 兼容主流浏览器,兼容至 ie9 (ie 没有 svg 动画)
兼容性 >=ie9
如何使用
cnpm install coco-message -S
在需要使用的文件中引入
import cocoMessage from 'coco-message' cocoMessage.info('hello world')
或者通过<script>标签引入
<script src="coco-message/coco-message.min.js"></script>
基本用法
对参数没有顺序要求,cocoMessage 会根据参数的数据类型进行解析
cocoMessage.config({ //配置全局参数 duration: 10000, }); //对参数没有顺序要求, cocoMessage 会根据参数的数据类型进行解析 cocoMessage.info(3000, "请先登录!", function() { console.log("close"); }); //可以使用 dom 节点做内容 var div = document.createElement("div"); div.innerText = "修改成功!"; cocoMessage.success(div); //duration 为 0 时显示关闭按钮 cocoMessage.warning("需要手动关闭", 0); cocoMessage.error("修改失败!", 3000); //loading 可以选择是否展示关闭按钮 var closeMsg = cocoMessage.loading(true); setTimeout(function() { closeMsg(); }, 4000); cocoMessage.destroyAll();
找的更少,做的更多!码云笔记只为您提供最好的!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » cocomessage消息提示插件
码云笔记 » cocomessage消息提示插件