js轻量弹窗提示插件coco-message
nciaer 发布于 阅读:37 javascript

比之前介绍的Toastify还要轻量,只需引入一个单独的js文件即可,而且内置了几种状态方法,比如成功,危险等,基本也够用。
官网地址:https://github.com/thewindrises-2/coco-message?tab=readme-ov-file
下载后,引入coco-message.min.js。
用法:
cocoMessage.warning("警告");
cocoMessage.success("成功");
cocoMessage.error("错误");
cocoMessage.info("提示信息");
cocoMessage.loading("加载中");
cocoMessage.destroyAll(); // 销毁所有提示
默认情况下,提示信息2秒后会消失,但是loading不会自动消失,所以需要调用destroyAll来销毁。
可以传入第二个参数,显示时长,单位毫秒,如
cocoMessage.warning("警告", 10 * 1000); // 显示10秒后消失
如果传0,则永久显示,但是会显示关闭按钮,并且可以再传入一个回调函数,手动关闭后调用,如:
cocoMessage.warning("您好", 0,() => {
alert('提示关闭了');
});