Toast 轻提示
文字提示
显示代码
颜色文字提示
显示代码
标题和内容文字提示
显示代码
加载提示
显示代码
成功/失败提示
显示代码
Methods
| 方法名 | 参数 | 返回值 | 介绍 |
|---|---|---|---|
| Toast | options/message | toast 实例 | 展示提示 |
| Toast.loading | options/message | toast 实例 | 展示加载提示 |
| Toast.success | options/message | toast 实例 | 展示成功提示 |
| Toast.fail | options/message | toast 实例 | 展示失败提示 |
| Toast.close | close: Boolean | Void | 关闭提示 |
Options
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 提示类型，可选值为loading success fail close normal colorful html | String | text |
| position | 位置，可选值为 top bottom | String | middle |
| duration | 展示时长(ms) | Number | 3000 |
| mask | 是否显示背景遮罩层 | Boolean | true |
| transition | 提示开场动画，可选值为slide-down slide-up slide-left slide-right | String | fade |
| bgContent | 提示内容的背景颜色，可选值为white transparent | String | black |
| background | 遮盖层的背景，支持十六进制和rgb格式 | String | rgba(0, 0, 0, 0.3) |
| colorText | 色彩文案，只限于type为colorful使用 | String | - |
| color | 色彩文案颜色，只限于type为colorful使用 | String | #F89516 |
| title | 标题，只限于type为normal使用 | String | - |
| icon | 加载的图标，只支持svg | String | loading |
| size | 加载的图标大小 | Number | 48 |
| isClose | 主动关闭加载提示 | Boolean | false |
| animation | 是否开启加载的，只限于type为loading | Boolean | false |
| animationName | 开启加载的动画，只限于type为loading | String | - |