bottomPopup.js 1.7 KB

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