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

@Component({
  selector: 'app-tab1',
  templateUrl: 'tab1.page.html',
  styleUrls: ['tab1.page.scss'],
})
export class Tab1Page {
  segmentModel = 'follow';
  selectedTab = 'home';

  FollowItems: any[] = [
    { image: 'assets/image1.jpg', avatar: 'assets/user-avatar1.jpg',title: '夏季热门穿搭',likes: '4662' },
    { image: 'assets/image2.jpg', avatar: 'assets/user-avatar2.jpg',title: '夏季热门穿搭',likes: '8564' },
    { image: 'assets/image3.jpg', avatar: 'assets/user-avatar1.jpg',title: '夏季热门穿搭',likes: '1241' },
    { image: 'assets/image4.jpg', avatar: 'assets/user-avatar3.jpg',title: '夏季热门穿搭',likes: '4.2w' },
    // 添加更多项目
  ];

  RecommendItems: any[] = [
    { image: 'assets/image1.jpg', avatar: 'assets/user-avatar1.jpg',title: '夏季热门穿搭',likes: '4662' },
    { image: 'assets/image2.jpg', avatar: 'assets/user-avatar2.jpg',title: '夏季热门穿搭',likes: '8564' },
    { image: 'assets/image3.jpg', avatar: 'assets/user-avatar1.jpg',title: '夏季热门穿搭',likes: '1241' },
    { image: 'assets/image4.jpg', avatar: 'assets/user-avatar3.jpg',title: '夏季热门穿搭',likes: '4.2w' },
    // 添加更多项目
  ];

  NearbyItems: any[] = [
    { image: 'assets/image1.jpg', avatar: 'assets/user-avatar1.jpg',title: '夏季热门穿搭',likes: '4662' },
    { image: 'assets/image2.jpg', avatar: 'assets/user-avatar2.jpg',title: '夏季热门穿搭',likes: '8564' },
    { image: 'assets/image3.jpg', avatar: 'assets/user-avatar1.jpg',title: '夏季热门穿搭',likes: '1241' },
    { image: 'assets/image4.jpg', avatar: 'assets/user-avatar3.jpg',title: '夏季热门穿搭',likes: '4.2w' },
    // 添加更多项目
  ];

  constructor() {}

  search() {
    // Implement search functionality
  }

  like() {
    // Implement like functionality
  }

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

  addNew() {
    // Implement addNew functionality for FAB button
    console.log('Add new item');
  }
}