press-next/press-match-card-info/demo-data/index.ts

Vue3 组件库，支持 Composition API

export interface RewardItem {
  type: 'internet' | 'item' | 'cash' | 'merchandise';
  icon: string;
  name: string;
  label: string;
}

export interface TagItem {
  type: 'title' | 'match' | 'quantity' | 'normal';
  name: string;
  srcPic?: string;
}

export function getMockData() {
  // 奖励列表数据
  const rewards: RewardItem[] = [
    {
      type: 'internet',
      icon: 'https://image-1251917893.file.myqcloud.com/general-match-components/img/card-info/reward-icon1.svg',
      name: '网费66元',
      label: '网费',
    },
    {
      type: 'item',
      icon: 'https://image-1251917893.file.myqcloud.com/general-match-components/img/card-info/reward-icon2.svg',
      name: '道具名称名称、道具名称名称、道具名称名称、道具名称名称',
      label: '道具',
    },
    {
      type: 'cash',
      icon: 'https://image-1251917893.file.myqcloud.com/general-match-components/img/card-info/reward-icon3.svg',
      name: '现金100元',
      label: '金额',
    },
    {
      type: 'merchandise',
      icon: 'https://image-1251917893.file.myqcloud.com/general-match-components/img/card-info/reward-icon4.svg',
      name: '周边名称名称名称',
      label: '周边',
    },
  ];

  // 报名中状态的标签配置
  const enrollingTags: TagItem[] = [
    {
      type: 'match',
      name: '官方赛',
      srcPic: 'https://image-1251917893.file.myqcloud.com/general-match-components/img/card-info/match-icon.png',
    },
    {
      type: 'title',
      name: '三角洲行动',
      srcPic: '',
    },
    {
      type: 'quantity',
      name: '1000人已报名',
      srcPic: '',
    },
  ];

  // 比赛中状态的标签配置
  const ongoingTags: TagItem[] = [
    {
      type: 'title',
      name: '三角洲行动',
      srcPic: '',
    },
    {
      type: 'normal',
      name: '烽火地带',
      srcPic: '',
    },
    {
      type: 'quantity',
      name: '1000人',
      srcPic: '',
    },
  ];

  // 报名中状态的数据
  const signupData = {
    customClass: '',
    status: 'signup' as const,
    title: '官方通道·2025年三角洲行动联赛',
    gameTitle: '',
    logoUrl: 'https://avatars.githubusercontent.com/u/9064066?v=4',
    locationName: '网鱼网咖1号店（科兴店）',
    distance: '南山区 888m',
    rewards,
    tags: enrollingTags,
    deadline: '2025年9月14日',
    statusText: '报名中',
    disabled: true,
    hasMoreCtrls: true,
  };

  // 比赛中状态的数据
  const liveData = {
    customClass: '',
    status: 'live' as const,
    title: '官方通道·2025年三角洲行动联赛',
    gameTitle: '三角洲行动',
    logoUrl: 'https://avatars.githubusercontent.com/u/9064066?v=4',
    locationName: '网鱼网咖1号店（科兴店）',
    distance: '南山区 888m',
    rewards: [],
    tags: ongoingTags,
    deadline: '2025年9月14日 14:00',
    statusText: '文案自定义',
    disabled: false,
    hasMoreCtrls: false,
  };

  // 已结束状态的数据
  const finishedData = {
    customClass: '',
    status: 'finished' as const,
    title: '官方通道·2025年三角洲行动联赛',
    gameTitle: '三角洲行动',
    logoUrl: 'https://avatars.githubusercontent.com/u/9064066?v=4',
    locationName: '网鱼网咖1号店（科兴店）',
    distance: '南山区 888m',
    rewards: [],
    tags: ongoingTags,
    deadline: '2025年9月14日',
    statusText: '已结束',
    disabled: false,
    hasMoreCtrls: false,
  };

  const componentProps = {
    signupData,
    liveData,
    finishedData,
  };

  return componentProps;
}

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

export default DEMO_DATA;