index.js 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. const app = getApp();
  2. Component({
  3. // 组件对外属性
  4. properties: {
  5. // 图片总数量
  6. count: {
  7. type: Number,
  8. value: 3,
  9. observers: function (newVal, oldVal) {}
  10. },
  11. // 图片临时访问路径集合
  12. images: {
  13. type: Array,
  14. value: []
  15. },
  16. // 已经添加的图片数量
  17. addedCount: {
  18. type: Number,
  19. value: 0,
  20. observers: function (newVal, oldVal) {
  21. console.log('--new--'.newVal, '--old--', oldVal)
  22. }
  23. },
  24. // 当前图片的位置下标
  25. currentIndex: {
  26. type: Number,
  27. value: 0,
  28. }
  29. },
  30. // 组件内部属性
  31. data: {
  32. appAssetsUrl:app.appAssetsUrl,
  33. },
  34. // 方法
  35. methods: {
  36. // 选择图片
  37. chooseImage() {
  38. this.triggerEvent('chooseImage')
  39. },
  40. // 预览图片
  41. previewImage(e) {
  42. wx.previewImage({
  43. urls: this.data.images,
  44. current: this.data.images[e.currentTarget.dataset.index]
  45. })
  46. },
  47. // 删除图片
  48. deleteImage(e){
  49. this.triggerEvent('deleteImage',e.currentTarget.dataset.index)
  50. }
  51. }
  52. })