@vavt/message

原生 js 编写的消息提示组件。包括消息、警告、成功和错误提示。

安装

yarn add @vavt/message

使用

import { message } from '@vavt/message';

// error, success, info, warning
const { close, update } = message.info('这是一条普通信息');

// 更新内容
update('这是更新后的内容');

// 手动关闭
close();

// 关闭全部
message.closeAll();

属性

| 类型名称 | 默认值 | 描述 | | ------------ | ------------------------ | ------------------------------------------------------ | | class | '' | | | single | false | 是否只显示一个提示 | | offsetTop | 20 | 单个提示距离上一个提示的距离 | | duration | 3000 | 该时间后自动关闭，<=0 时不会自动关闭 | | closeable | false | 是否显示关闭按钮 | | darkSelector | :root[data-theme=dark] | 暗夜模式的选择器，只能通过config配置，不能调用时设置 | | zIndex | 9999 | |

配置方式

配置全局属性

message.config({ duration: 5000 });

在调用时配置

message.warning('这条消息不会自动关闭', { duration: 0 });