Toast提示框

author: 赵婕

定义

toast提示组件。

图片展示

Toast 提示框 - 图1

代码演示

  2. import Dialog from 'pile/dist/components/dialog'
  3. const  {Toast} = Dialog
  5. <Toast
  6.   content='3秒后消失'
  7.   toastShow={true}
  8.   type='success' // 类型：失败：fail，成功：success，错误：warning,loading : loading
  9.   time={3000}
  10.   callback ={function(){console.log("状态更改时的触发")}}
  11. />

属性

参数 描述 数据类型 默认值
content 主体内容 string
toastShow 展示：展示：true ，隐藏：false bool false
type 类型：失败：fail，成功：success，错误：warning,loading : loading string warning
time 展示时长 number 3000
callback 状态更改时的回调函数 function

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-dialog-toast.html