细节调整

src/components/ScoreResult.vue

@@ -81,8 +81,9 @@ onMounted(() => {
         </button>
       </view>
       <view :style="{ gridTemplateColumns: `repeat(${rowCount}, 1fr)` }">
-        <view v-for="(score, index) in result.arrows" :key="index">
-          {{ score.ring }}<text>环</text>
+        <view v-for="(_, index) in new Array(total).fill(0)" :key="index">
+          {{ result.arrows[index] ? result.arrows[index].ring : 0
+          }}<text>环</text>
         </view>
       </view>
       <view>
@@ -201,7 +202,8 @@ onMounted(() => {
   row-gap: 10px;
   column-gap: 5px;
   justify-content: flex-start;
-  margin: 10px 0;
+  margin-top: 10px;
+  margin-bottom: 15px;
 }
 .container-content > view:nth-child(2) > view {
   background: linear-gradient(#fbfbfb, #f5f5f5);