index.js 889 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. Component({
  2. options: {
  3. multipleSlots: true // 在组件定义时的选项中启用多slot支持
  4. },
  5. /**
  6. * 组件的属性列表
  7. */
  8. properties: {
  9. // 弹窗标题
  10. title: {
  11. type: String,
  12. value: '标题' // 默认值
  13. },
  14. // 弹窗内容
  15. content: {
  16. type: String,
  17. value: '弹窗内容'
  18. },
  19. // 弹窗确认按钮文字
  20. confirmText: {
  21. type: String,
  22. value: '确定'
  23. }
  24. },
  25. /**
  26. * 组件内私有数据
  27. */
  28. data: {
  29. // 弹窗显示控制
  30. isShow: false
  31. },
  32. /**
  33. * 组件的公有方法列表
  34. */
  35. methods: {
  36. //隐藏弹框
  37. hideDialog() {
  38. this.setData({
  39. isShow: !this.data.isShow
  40. })
  41. },
  42. //展示弹框
  43. showDialog() {
  44. this.setData({
  45. isShow: !this.data.isShow
  46. })
  47. },
  48. confirmEvent() {
  49. this.hideDialog();
  50. }
  51. }
  52. })