press-next/press-match-messages-recommend/demo-data/index.ts

Vue3 组件库，支持 Composition API

export interface RecommendItem {
  id: string | number;
  title: string;
  level: string;
  kd: string;
  area: string;
  description?: string;
  bg: string;
  buttonColor: string;
}

export interface RecommendContent {
  items: RecommendItem[];
}

export function getMockData() {
  // 推荐队伍数据
  const recommendItems: RecommendItem[] = [
    {
      id: 1,
      title: '王者荣耀战队',
      level: '王者30星',
      kd: 'KD 2.8',
      area: '华南区',
      description: '专业电竞战队，擅长团战配合，寻找志同道合的队友一起冲分！',
      bg: 'https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/ai-match/bg-match-messages-recommend.png',
      buttonColor: 'linear-gradient(280deg, #966FFB -12.57%, #6736F3 105.32%);',
    },
    {
      id: 2,
      title: '和平精英小队',
      level: '超级王牌',
      kd: 'KD 3.2',
      area: '华北区',
      bg: 'https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/ai-match/bg-match-messages-recommend.png',
      buttonColor: 'linear-gradient(280deg, #966FFB -12.57%, #6736F3 105.32%);',
    },
  ];

  // 组件属性配置
  const componentProps = {
    content: {
      items: recommendItems,
    },
  };

  return componentProps;
}

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

export default DEMO_DATA;