«

js轻量弹窗提示插件coco-message

nciaer 发布于 阅读:123 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('提示关闭了');
});

路过,到此一游~
内容优质,值得推荐
内容引起舒适,火速留名
刷到就是缘分,浅评一下
好家伙,这波我先冲了
潜水选手冒个泡
😀
🤣
😁
😍
😭
😂
👍
😃
😄
😅
🙏
🤪
😏
收到1条评论
avatar
nciaer 3 天前
😊
回复