import { Component } from '@angular/core';

@Component({
  selector: 'app-tab2',
  templateUrl: 'tab2.page.html',
  styleUrls: ['tab2.page.scss'],
})
export class Tab2Page {
  segmentModel = 'aiRecommend';
  selectedTab = 'shop';

  aiRecommendItems = [
    { image: 'assets/commodity1.jpg', label: '商品1' },
    { image: 'assets/commodity2.jpg', label: '商品2' },
    { image: 'assets/commodity3.jpg', label: '商品3' },
    { image: 'assets/commodity4.jpg', label: '商品4' },
    // Add more items as needed
  ];

  seasonHotItems = [
    { image: 'assets/commodity2.jpg', label: '商品1' },
    { image: 'assets/commodity1.jpg', label: '商品2' },
    { image: 'assets/commodity4.jpg', label: '商品3' },
    { image: 'assets/commodity3.jpg', label: '商品4' },
    // Add more items as needed
  ];

  styleChangeItems = [
    { image: 'assets/commodity3.jpg', label: '商品1' },
    { image: 'assets/commodity2.jpg', label: '商品2' },
    { image: 'assets/commodity1.jpg', label: '商品3' },
    { image: 'assets/commodity4.jpg', label: '商品4' },
    // Add more items as needed
  ];

  selectedProductsItems = [
    { image: 'assets/commodity4.jpg', label: '商品1' },
    { image: 'assets/commodity2.jpg', label: '商品2' },
    { image: 'assets/commodity3.jpg', label: '商品3' },
    { image: 'assets/commodity1.jpg', label: '商品4' },
    // Add more items as needed
  ];

  favoriteProductsItems = [
    { image: 'assets/commodity2.jpg', label: '商品1' },
    { image: 'assets/commodity3.jpg', label: '商品2' },
    { image: 'assets/commodity4.jpg', label: '商品3' },
    { image: 'assets/commodity1.jpg', label: '商品4' },
    // Add more items as needed
  ];

  constructor() {}

  selectTab(tab: string) {
    this.selectedTab = tab;
  }
  toUp(){

  }
}