2.0.1 • Published 9 months ago
@vavt/message v2.0.1
@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 });