wxhuanart/miniprogram/components/goods-list/goods-list.ts

Component({
  externalClasses: ['wr-class'],

  properties: {
    items: {
      type: Array,
      value: [],
    },
    id: {
      type: String,
      value: '',
      observer(id) {
        this.genIndependentID(id)
      },
    },
    thresholds: {
      type: Array,
      value: [],
    },
    lite: {
      type: Boolean,
      value: false,
    },
    view: {
      type: String,
      value: 'list',
      observer(val) {
        this.setData({
          displayView: val,
        })
      },
    },
  },

  data: {
    independentID: '',
    displayView: 'list',
  },

  lifetimes: {
    ready() {
      this.init()
    },
  },

  methods: {
    onClickGoods(e: WechatMiniprogram.CustomEvent<{}, {}, { index: number }>) {
      const { index } = e.currentTarget.dataset
      this.triggerEvent('click', { ...e.detail, index })
    },

    onAddCart(e: WechatMiniprogram.CustomEvent<{}, {}, { index: number }>) {
      const { index } = e.currentTarget.dataset
      this.triggerEvent('addcart', { ...e.detail, index })
    },

    onClickGoodsThumb(e: WechatMiniprogram.CustomEvent<{}, {}, { index: number }>) {
      const { index } = e.currentTarget.dataset
      this.triggerEvent('thumb', { ...e.detail, index })
    },

    init() {
      this.genIndependentID(this.id || '')
    },

    genIndependentID(id: string) {
      if (id) {
        this.setData({ independentID: id })
      } else {
        this.setData({
          independentID: `goods-list-${~~(Math.random() * 10 ** 8)}`,
        })
      }
    },
  },
})