Component({
  options: {
    addGlobalClass: true,
  },

  properties: {
    data: {
      type: Object,
      observer(data) {
        if (!data) {
          return;
        }
        this.setData({ modelList: data });
      },
    },
  },

  data: {
    modelList: [],
  },
  methods: {    
    bigImgClick(e) {
      const { index } = e.currentTarget.dataset;
      this.triggerEvent('bigImgClick', { ...e.detail, index });
    },
    smallImgClick(e) {
      const { index } = e.currentTarget.dataset;
      this.triggerEvent('smallImgClick', { ...e.detail, index });
    },
  },
});