基于 flexible 的 Vue 组件:Toast -- 显示框效果(2)
使用说明
组件地址: src/components/Toast.vue (不能npm,只能手动下载使用)
下载并放入自己项目中 —— import 引入组件 —— components中注册组件 —— 使用
props
props | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
toastShow | 控制显示框显示、隐藏。需添加.sync修饰符才能自动关闭,详见例子 | Boolean | false true |
false |
message | 提示信息 | String | ||
iconClass | icon小图标 | String | success warning close |
|
iconImage | 自定义小图标(图片需require引入) | |||
duration | 定时器(毫秒),控制弹框显示时间,负数代表不执行定时任务 | Number | 1500 | |
position | 弹框位置(距顶) | String | '50%' |