使用指南
在 json 文件中配置 toast 组件
"usingComponents": {
"pmit-toast": "/components/common/toast/index"
}
在需要使用的页面里引入组件库模板和脚本
<pmit-toast id="pmit-toast-test"></pmit-toast>
import Toast from '../../components/common/toast/toast'
Page({
// ...
// 可以在任意方法里直接调用，即可唤起
handleClick() {
Toast({
message: 'toast me',
selector: '#pmit-toast-test'
});
}
});
参数说明
方法
| 方法名 | 参数 | 返回值 | 介绍 |
|---|---|---|---|
| Toast | options, timeout | - | 展示提示 |
| Toast.loading | options | - | 展示加载提示 |
| Toast.clear | - | - | 关闭提示 |
| Toast.setDefaultOptions | options 格式同 Toast 函数可以传入的参数, type 可选 global/page, 分别指定对整个小程序生效/对当前页面生效 | - | 修改默认配置，对所有 Toast 生效 |
| Toast.resetDefaultOptions | type 可选 global/page | - | 重置默认配置，对所有 Toast 生效 |
options 具体参数如下
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| message | toast 显示文案 | String | - |
| type | 提示类型, 可选值：loading，success，fail | - | - |
| icon | toast 显示图标，可以用 icon 里面支持的所有图标 | - | - |
| image | toast 显示图标，为图片的链接，传入此值后会覆盖 icon 值 | - | - |
| timeout | toast 显示时间，小于0则会一直显示，需要手动调用 Toast.clear 清除 | - | - |
网友评论