## Message 通知 轻量级的信息反馈组件，在顶部居中显示，并自动消失。有多种不同的提示状态可选择。 ### 引入 ```javascript import { message } from '@58fe/p5'; ``` ### 基本用法 在页面的中上方打开一条提示 :::demo 按钮 ```html 打开一条普通提示 ``` ::: ### 距离顶部的距离 可以自定义到顶部的距离 :::demo 按钮 ```html 距离顶部40px ``` ::: ### 插件调用 在JS代码中，通过插件形式来调用 ```javascript import { messagePlugin } from '@58fe/p5'; Vue.use(messagePlugin); ``` :::demo 插件 ```html 普通提示 成功提示 错误提示 警告 ``` ::: ### 自定义时长 增加参数可以自定义时长 :::demo 自定义时长 ```html 显示一个10秒的提示 ``` ::: ### 参数 | 参数 | 说明 | 类型 | 可选值 | 默认值 | | -------- | ------------ | ----------- | ------------ | ------- | | msgtype | 提示类型 | String | ['info', 'error', 'success', 'warning'] | info | | content | 内容文案 | String | —— | 这是一条提示 | | duration | 自动关闭的延时 | String/Number | —— | 1500 |