dk-tip.js 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. // components/dkbase/dk-tip/dk-tip.js
  2. Component({
  3. /**
  4. * 组件的属性列表
  5. */
  6. properties: {
  7. showTip: { //是否显示tip
  8. type: Boolean,
  9. value: false
  10. },
  11. Up: { //显示的方位 上
  12. type: Boolean,
  13. value: false
  14. },
  15. Down: { //显示的方位 下
  16. type: Boolean,
  17. value: false
  18. },
  19. Left: { //显示的方位 左
  20. type: Boolean,
  21. value: false
  22. },
  23. Right: { //显示的方位 右
  24. type: Boolean,
  25. value: false
  26. },
  27. showTip: { //是否显示tip
  28. type: Boolean,
  29. value: false
  30. },
  31. tipContent: { //tip显示的内容
  32. type: String,
  33. value: ""
  34. },
  35. textColor:{ //tip 弹出文字颜色
  36. type: String,
  37. value: "white"
  38. },
  39. /**
  40. * 字体大小(默认12px)
  41. */
  42. fontSize:{
  43. type:String,
  44. value:'12px'
  45. },
  46. },
  47. /**
  48. * 组件的初始数据
  49. */
  50. data: {
  51. },
  52. /**
  53. * 组件的方法列表
  54. */
  55. methods: {
  56. /**
  57. * @desc : 显示tip
  58. * @author : 王英杰
  59. * @date : 2024/4/25 11:46
  60. */
  61. showTip(e) {
  62. let showTip = this.data.showTip
  63. this.triggerEvent('clickTip', { })
  64. this.setData({
  65. showTip: !showTip
  66. })
  67. },
  68. setShowTipFlag(flag) {
  69. this.setData({
  70. showTip: flag
  71. })
  72. },
  73. }
  74. })