一款简约美观的coco-message消息提示插件,包含了信息、成功、警告、错误、加载5种提示样式。
js代码
<script src="./coco-message.js"></script>
<script>
"use strict";
cocoMessage.config({
duration: 10000,
});
var btns = document.body.querySelectorAll(".coco-btn.ok");
for (var i = 0; i < btns.length; i++) {
addClickEvent(btns[i], i);
}
function addClickEvent(btn, i) {
btn.addEventListener("click", function () {
example(i);
});
}
function example(n) {
switch (n) {
case 0:
cocoMessage.info(3000, "请先登录!", function () {
console.log("close");
});
break;
case 1:
var div1 = document.createElement("div");
div1.innerText = "修改成功!";
cocoMessage.success(div1);
break;
case 2:
cocoMessage.warning("需要手动关闭", 0);
break;
case 3:
cocoMessage.error("修改失败!", 3000);
break;
case 4:
var closeMsg = cocoMessage.loading(true);
setTimeout(function () {
closeMsg();
}, 4000);
break;
case 5:
cocoMessage.destroyAll();
break;
default:
break;
}
}
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791