Confirm对话框

author: 赵婕

定义

模拟对话框。

图片展示

Confirm 对话框 - 图1

代码演示

  1. import Dialog from 'pile/dist/components/dialog'
  2. const {Confirm} = Dialog
  3. <Confirm
  4. show={true}
  5. type='fail'
  6. title='我喜欢pile'
  7. buttons={[
  8. {
  9. label: '取消',
  10. onClick: function(){console.log("点击了取消按钮")}
  11. },
  12. {
  13. type: 'default',
  14. label: '确定',
  15. onClick: function(){console.log("点击了确定按钮")}
  16. }
  17. ]}
  18. />

属性

参数 描述 数据类型 默认值
show 是否展示对话框 boll
type 类型,错误:warning,成功:success string warning
title 弹层title string
buttons 按钮数组 array
buttons.label 标签名称 string
buttons.onClick 点击事件 function
buttons.type 按钮样式 string
MaskClick 点击蒙板回调 function

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