popup.js 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. Component({
  2. options: {
  3. multipleSlots: true // 在组件定义时的选项中启用多slot支持
  4. },
  5. /**
  6. * 组件的属性列表
  7. */
  8. properties: {
  9. title: { // 属性名
  10. type: String, // 类型(必填),目前接受的类型包括:String, Number, Boolean, Object, Array, null(表示任意类型)
  11. value: '标题' // 属性初始值(可选),如果未指定则会根据类型选择一个
  12. },
  13. // 弹窗内容
  14. content: {
  15. type: String,
  16. value: '内容'
  17. },
  18. // 弹窗取消按钮文字
  19. btn_no: {
  20. type: String,
  21. value: '取消'
  22. },
  23. // 弹窗确认按钮文字
  24. btn_ok: {
  25. type: String,
  26. value: '确定'
  27. }
  28. },
  29. /**
  30. * 组件的初始数据
  31. */
  32. data: {
  33. flag: true,
  34. },
  35. /**
  36. * 组件的方法列表
  37. */
  38. methods: {
  39. //隐藏弹框
  40. hidePopup: function () {
  41. this.setData({
  42. flag: !this.data.flag
  43. })
  44. },
  45. //展示弹框
  46. showPopup() {
  47. this.setData({
  48. flag: !this.data.flag
  49. })
  50. },
  51. /*
  52. * 内部私有方法建议以下划线开头
  53. * triggerEvent 用于触发事件
  54. */
  55. _error() {
  56. //触发取消回调
  57. this.triggerEvent("error")
  58. },
  59. _success() {
  60. //触发成功回调
  61. this.triggerEvent("success");
  62. }
  63. }
  64. })