modal.js 869 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. Component({
  2. /**
  3. * 组件的属性列表
  4. */
  5. properties: {
  6. //是否显示modal弹窗
  7. show: {
  8. type: Boolean,
  9. value: false
  10. },
  11. //控制底部是一个按钮还是两个按钮,默认两个
  12. single: {
  13. type: Boolean,
  14. value: false
  15. }
  16. },
  17. /**
  18. * 组件的初始数据
  19. */
  20. data: {
  21. },
  22. /**
  23. * 组件的方法列表
  24. */
  25. methods: {
  26. // 点击modal的回调函数
  27. clickMask() {
  28. // 点击modal背景关闭遮罩层,如果不需要注释掉即可
  29. // this.setData({show: true})
  30. },
  31. // 点击取消按钮的回调函数
  32. cancel() {
  33. this.setData({ show: false })
  34. this.triggerEvent('cancel') //triggerEvent触发事件
  35. },
  36. // 点击确定按钮的回调函数
  37. confirm() {
  38. this.setData({ show: false })
  39. this.triggerEvent('confirm')
  40. }
  41. }
  42. })