Skip to content

AchievementTable 胜负展示组件

AchievementTable 用于展示玩家的胜负平战绩统计表格。

Props

属性名类型默认值说明
achievementsRecord<string, { win: number; lost: number; draw?: number }>-必填。战绩数据对象,键为玩家名称,值为战绩统计。
showDrawbooleanfalse是否显示平局列。

示例

vue
<template>
  <AchievementTable 
    :achievements="achievements" 
    :show-draw="true" 
  />
</template>

<script setup lang="ts">
import { ref } from 'vue';
import AchievementTable from '@/components/common/AchievementTable.vue';

const achievements = ref({
  'PlayerA': { win: 10, lost: 5, draw: 2 },
  'PlayerB': { win: 5, lost: 10, draw: 2 },
});
</script>