press-next/press-match-detail-end-game/demo-data/index.ts

Vue3 组件库，支持 Composition API

// 队伍信息接口
export interface TeamInfo {
  avatar: string;
  name: string;
}

// 个人信息接口
export interface PersonalInfo {
  avatar: string;
  name: string;
  rank: number;
}

// 参与者信息接口
export interface Participant {
  avatar: string;
  name: string;
}

export function getMockData() {
  // 队伍信息数据
  const teamInfo: TeamInfo = {
    avatar: 'https://placehold.co/40x40/4A90E2/ffffff?text=Team',
    name: '窝窝窝战队冲冲冲',
  };

  // 个人信息数据
  const personalInfo: PersonalInfo = {
    avatar: 'https://placehold.co/40x40/4A90E2/ffffff?text=User',
    name: '用户昵称最长十个字',
    rank: 1,
  };

  // 参与者列表数据
  const participants: Participant[] = [
    { avatar: 'https://placehold.co/40x40/4A90E2/ffffff?text=1', name: '参与者1' },
    { avatar: 'https://placehold.co/40x40/4A90E2/ffffff?text=2', name: '参与者2' },
    { avatar: 'https://placehold.co/40x40/4A90E2/ffffff?text=3', name: '参与者3' },
    { avatar: 'https://placehold.co/40x40/4A90E2/ffffff?text=4', name: '参与者4' },
    { avatar: 'https://placehold.co/40x40/4A90E2/ffffff?text=5', name: '参与者5' },
    { avatar: 'https://placehold.co/40x40/4A90E2/ffffff?text=6', name: '参与者6' },
    { avatar: 'https://placehold.co/40x40/4A90E2/ffffff?text=7', name: '参与者7' },
    { avatar: 'https://placehold.co/40x40/4A90E2/ffffff?text=8', name: '参与者8' },
  ];

  // 组件属性配置
  const componentProps = {
    // 队伍获奖状态
    teamWinnerProps: {
      winnerType: 'team' as const,
      teamInfo,
      backgroundImage: 'https://image-1251917893.file.myqcloud.com/general-match-components/img/common/base/brand-img-1.png',
      showAllResults: false,
    },

    // 个人获奖状态
    personalWinnerProps: {
      winnerType: 'personal' as const,
      personalInfo,
      backgroundImage: 'https://image-1251917893.file.myqcloud.com/general-match-components/img/common/base/brand-img-1.png',
      showAllResults: true,
    },

    // 多参与者状态
    participantsProps: {
      winnerType: 'team' as const,
      teamInfo,
      participants,
      maxDisplayParticipants: 5,
      backgroundImage: 'https://image-1251917893.file.myqcloud.com/general-match-components/img/common/base/brand-img-1.png',
      showAllResults: false,
    },
  };

  return componentProps;
}

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

export default DEMO_DATA;