press-next/press-match-schedule-not-kickoff/demo-data/index.ts

Vue3 组件库，支持 Composition API

// 成员数据接口
export interface Member {
  id: string | number;
  name: string;
  avatar: string;
}

export function getMockData() {
  // 模拟成员数据
  const members: Member[] = [
    {
      id: 1,
      name: '成员1',
      avatar: 'https://placehold.co/40x40/4A90E2/ffffff?text=1',
    },
    {
      id: 2,
      name: '成员2',
      avatar: 'https://placehold.co/40x40/7ED321/ffffff?text=2',
    },
    {
      id: 3,
      name: '成员3',
      avatar: 'https://placehold.co/40x40/F5A623/ffffff?text=3',
    },
    {
      id: 4,
      name: '成员4',
      avatar: 'https://placehold.co/40x40/BD10E0/ffffff?text=4',
    },
    {
      id: 5,
      name: '成员5',
      avatar: 'https://placehold.co/40x40/B8E986/ffffff?text=5',
    },
    {
      id: 6,
      name: '成员6',
      avatar: 'https://placehold.co/40x40/50E3C2/ffffff?text=6',
    },
    {
      id: 7,
      name: '成员7',
      avatar: 'https://placehold.co/40x40/D0021B/ffffff?text=7',
    },
    {
      id: 8,
      name: '成员8',
      avatar: 'https://placehold.co/40x40/9013FE/ffffff?text=8',
    },
    {
      id: 9,
      name: '成员9',
      avatar: 'https://placehold.co/40x40/417505/ffffff?text=9',
    },
    {
      id: 10,
      name: '成员10',
      avatar: 'https://placehold.co/40x40/FF6900/ffffff?text=10',
    },
    {
      id: 11,
      name: '成员11',
      avatar: 'https://placehold.co/40x40/FCB900/ffffff?text=11',
    },
    {
      id: 12,
      name: '成员12',
      avatar: 'https://placehold.co/40x40/8B572A/ffffff?text=12',
    },
    {
      id: 13,
      name: '成员13',
      avatar: 'https://placehold.co/40x40/417690/ffffff?text=13',
    },
    {
      id: 14,
      name: '成员14',
      avatar: 'https://placehold.co/40x40/68217A/ffffff?text=14',
    },
    {
      id: 15,
      name: '成员15',
      avatar: 'https://placehold.co/40x40/C5000B/ffffff?text=15',
    },
    {
      id: 16,
      name: '成员16',
      avatar: 'https://placehold.co/40x40/0033FF/ffffff?text=16',
    },
    {
      id: 17,
      name: '成员17',
      avatar: 'https://placehold.co/40x40/FF3366/ffffff?text=17',
    },
    {
      id: 18,
      name: '成员18',
      avatar: 'https://placehold.co/40x40/33FF66/ffffff?text=18',
    },
    {
      id: 19,
      name: '成员19',
      avatar: 'https://placehold.co/40x40/6633FF/ffffff?text=19',
    },
    {
      id: 20,
      name: '成员20',
      avatar: 'https://placehold.co/40x40/FF9933/ffffff?text=20',
    },
    {
      id: 21,
      name: '成员21',
      avatar: 'https://placehold.co/40x40/33CCFF/ffffff?text=21',
    },
    {
      id: 22,
      name: '成员22',
      avatar: 'https://placehold.co/40x40/FF3399/ffffff?text=22',
    },
    {
      id: 23,
      name: '成员23',
      avatar: 'https://placehold.co/40x40/99FF33/ffffff?text=23',
    },
    {
      id: 24,
      name: '成员24',
      avatar: 'https://placehold.co/40x40/FF6633/ffffff?text=24',
    },
  ];

  // 组件属性配置
  const componentProps = {
    logo: 'https://placehold.co/72x72/1E72FF/ffffff?text=LOGO',
    logoAlt: '赛事品牌Logo',
    title: '集结完毕，比赛即将开始',
    members,
    maxDisplayMembers: 5,
    countdownLabel: '开赛倒计时',
    endTime: Date.now() + 25 * 24 * 60 * 60 * 1000 + 25 * 60 * 60 * 1000 + 25 * 60 * 1000, // 25天25小时25分后
    customClass: 'schedule-not-kickoff-style',
  };

  return componentProps;
}

const DEMO_DATA = {
  ...getMockData(),
};

export default DEMO_DATA;