# UToastSingle 弹出消息
- [示例](#示例)
- [基本用法](#基本用法)
- [快捷方式](#快捷方式)
- [位置扩展](#位置扩展)
- [设置颜色](#设置颜色)
- [嵌入文档流](#嵌入文档流)
- [可关闭](#可关闭)
- [提示停留时间](#提示停留时间)
- [始终显示一条](#始终显示一条)
- [API]()
- [Props/Attrs](#propsattrs)
- [Events](#events)
- [Methods](#methods)
**Feedback**
弹出消息
## 示例
### 基本用法
```html
弹出消息
这是一条消息
```
### 快捷方式
``` vue
弹出消息
```
### 位置扩展
``` vue
Top Center
Top Left
Top Right
Bottom Center
Bottom Left
Bottom Right
```
### 设置颜色
``` vue
Info
Success
Warning
Error
```
### 嵌入文档流
上面的 Toast 都是以`fixed`的形式固定在浏览器中，也可以将Toast嵌入文档流。只需使用`u-toast`标签，并设置`position="static"`即可。
``` html
Static
```
### 可关闭
``` html
Static
```
### 提示停留时间
可以通过设置toast的`duration`参数设置所有提示的停留时间，也可以在`show`的时候单独设置该条提示的停留时间，单位为毫秒。
默认为`3000`。
``` vue
1s
3s
10s
常驻
```
### 始终显示一条
将`single`设置为`true`，可以让toast始终只显示一条提示。
``` vue
Single
```
## API
### Props/Attrs
| Prop/Attr | Type | Options | Default | Description |
| --------- | ---- | ------- | ------- | ----------- |
| text | string | | `'弹出消息'` | 默认提示内容 |
| color | string | `[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]` | `'custom'` | 提示的类型 |
| custom-icon | icon | | | undefined |
| duration | number | | `2000` | 自动关闭的延时，单位毫秒。设为 0 时不自动关闭 |
| position | string | `[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]` | `'top-center'` | 显示的位置 |
| single | boolean | | `false` | 多个提示会合并为一个 |
| closable | boolean | | `false` | 是否可以关闭提示 |
### Events
#### @open
弹出提示时触发
| Param | Type | Description |
| ----- | ---- | ----------- |
#### @close
关闭提示时触发
| Param | Type | Description |
| ----- | ---- | ----------- |
Methods
#### open()
打开轻提示
#### close()
关闭轻提示