«

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('提示关闭了');
});