Quick 文档 0.2.3Notice 通知提醒
说明
在界面右上角显示可关闭的全局通知，常用于以下场景：
- 通知内容带有描述信息
- 系统主动推送
代码示例
>{}
<template>
<Notice
title="测试消息"
:show="true"
type="warning"
style="top:2rem;right:2rem"
>
<div style="padding:0.4rem;padding-top:0">
<Icon type="icon-star" /> 我是自动关闭的
</div>
</Notice>
</template>
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
API
Notice props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 通知提醒的标题 | String | - |
| show | 通知提醒是否显示 | Boolean | false |
| type | 通知提醒的类型，可选info,success,warning,error | String | info |
| style | 自定义样式 | String | - |
| closable | 是否可以关闭 | Boolean | true |
| id | 组件启用订阅名，为空不订阅 | String | on-notice-bar |
| timeout | 关闭时间 | Number | 30 |