press-next/press-match-prize-list/demo-data/index.ts

Vue3 组件库，支持 Composition API

// 奖品数据接口
export interface Prize {
  id?: string | number;
  name: string;
  imageUrl: string;
  description?: string;
  [key: string]: string | number | boolean | undefined; // 其他属性
}

export function getMockData() {
  // 奖品数据
  const prizes: Prize[] = [
    {
      id: 1,
      name: '冠军奖励',
      imageUrl: 'https://placehold.co/72x72',
      description: '三角洲行动全球总决赛现场观赛资格*2，自选限定皮肤（参考2025幸运一夏福袋奖池）*1',
    },
    {
      id: 2,
      name: '亚军奖励',
      imageUrl: 'https://placehold.co/72x72',
      description: '自选限定皮肤（参考2025幸运一夏福袋奖池）*1，小小英雄蛋1组（10+1）',
    },
    {
      id: 3,
      name: '季军奖励',
      imageUrl: 'https://placehold.co/72x72',
      description: '小小英雄蛋1组（10+1），400点券',
    },
    {
      id: 4,
      name: '参与奖',
      imageUrl: 'https://placehold.co/72x72',
      description: '200点券，随机英雄碎片*5',
    },
    {
      id: 5,
      name: '幸运奖',
      imageUrl: 'https://placehold.co/72x72',
      description: '小小英雄蛋1个，100点券',
    },
    {
      id: 6,
      name: '鼓励奖',
      imageUrl: 'https://placehold.co/72x72',
      description: '随机皮肤碎片*3，50点券',
    },
  ];

  // 组件属性配置
  const componentProps = {
    prizes,
    layout: 'grid' as 'grid' | 'list',
  };

  return componentProps;
}

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

export default DEMO_DATA;