Component({
  options: {
    addGlobalClass: true,
    multipleSlots: true,
    styleIsolation: 'shared',
  },

  externalClasses: [
    'thumb-class',
    'title-class',
    'price-class',
    'origin-price-class',
  ],

  properties: {
    title: String,
    price: String,
    originPrice: String,
    thumb: String,
    thumbMode: {
      type: String,
      value: 'aspectFit',
    },
    thumbWidth: String,
    thumbHeight: String,
    lazyLoad: Boolean,
    lineClamp: {
      type: Number,
      value: 1,
    },
    currency: {
      type: String,
      value: '¥',
    },
  },

  methods: {
    onClickGoodsCard() {
      this.triggerEvent('click', { row: this.data });
    },
  },
});