大乱斗细节完善

src/components/PlayerScore.vue

@@ -12,12 +12,21 @@ defineProps({
     type: Array,
     default: () => [],
   },
+  done: {
+    type: Boolean,
+    default: false,
+  },
 });
 const rowCount = new Array(6).fill(0);
 </script>
 
 <template>
   <view class="container">
+    <image
+      :style="{ opacity: done ? 1 : 0 }"
+      src="../static/checked-green.png"
+      mode="widthFix"
+    />
     <image :src="avatar" mode="widthFix" />
     <text>{{ name }}</text>
     <view>
@@ -55,8 +64,16 @@ const rowCount = new Array(6).fill(0);
   color: #fff9;
   margin-right: 20px;
   font-size: 14px;
+  position: relative;
 }
-.container > image:first-child {
+.container > image:nth-child(1) {
+  position: absolute;
+  width: 15px;
+  height: 15px;
+  top: 30%;
+  left: 0;
+}
+.container > image:nth-child(2) {
   width: 30px;
   height: 30px;
   min-height: 30px;
@@ -66,30 +83,30 @@ const rowCount = new Array(6).fill(0);
   margin-left: -30px;
   flex: 0 0 auto;
 }
-.container > text:nth-child(2) {
+.container > text:nth-child(3) {
   font-size: 14px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 20%;
 }
-.container > view:nth-child(3) {
+.container > view:nth-child(4) {
   display: flex;
   flex-direction: column;
 }
-.container > view:nth-child(3) > view {
+.container > view:nth-child(4) > view {
   display: flex;
   padding: 5px 0;
 }
-.container > view:nth-child(3) > view text {
+.container > view:nth-child(4) > view text {
   width: 34px;
   text-align: center;
   display: block;
 }
-.container > view:nth-child(3) > view:first-child {
+.container > view:nth-child(4) > view:first-child {
   border-bottom: 1px solid #fff3;
 }
-.container > text:nth-child(4) {
+.container > text:nth-child(5) {
   width: 40px;
   text-align: right;
 }