细节修改

src/components/PlayerScore.vue

@@ -1,30 +1,34 @@
 <script setup>
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
+const { user } = storeToRefs(useStore());
+
 defineProps({
-  avatar: {
-    type: String,
-    default: "",
-  },
-  name: {
-    type: String,
-    default: "",
+  player: {
+    type: Object,
+    default: () => ({}),
   },
   scores: {
     type: Array,
     default: () => [],
   },
 });
+
 const rowCount = new Array(6).fill(0);
 </script>
 
 <template>
-  <view class="container">
+  <view
+    class="container"
+    :style="{ borderColor: player.id === user.id ? '#FED847' : '#fff3' }"
+  >
     <image
       :style="{ opacity: scores.length === 12 ? 1 : 0 }"
       src="../static/checked-green.png"
       mode="widthFix"
     />
-    <image :src="avatar || '../static/user-icon.png'" mode="widthFix" />
-    <text>{{ name }}</text>
+    <image :src="player.avatar || '../static/user-icon.png'" mode="widthFix" />
+    <text>{{ player.name }}</text>
     <view>
       <view>
         <view v-for="(_, index) in rowCount" :key="index">