细节调整

src/components/BowTarget.vue

@@ -38,6 +38,10 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  showE: {
+    type: Boolean,
+    default: true,
+  },
 });
 
 const showRoundTips = ref(false);
@@ -84,7 +88,7 @@ function calcRealY(num) {
     </view>
     <view class="target">
       <view
-        v-if="scores.length && showRoundTips && showLatestArrow"
+        v-if="scores.length && showRoundTips && showLatestArrow && showE"
         class="e-value fade-in"
         >经验 +1</view
       >
@@ -93,34 +97,37 @@ function calcRealY(num) {
         class="round-tip fade-in"
         >{{ scores[scores.length - 1].ring }}<text>环</text></view
       >
-      <image
-        v-for="(bow, index) in scores"
-        :key="index"
-        :src="
-          index === scores.length - 1 && !blueScores.length && showLatestArrow
-            ? '../static/hit-icon-green.png'
-            : '../static/hit-icon.png'
-        "
-        :class="`hit ${
-          index + 1 === scores.length && !blueScores.length && showLatestArrow
-            ? 'pump-in'
-            : ''
-        }`"
-        :style="{
-          left: calcRealX(bow.x),
-          top: calcRealY(bow.y),
-        }"
-      />
-      <image
-        v-for="(bow, index) in blueScores"
-        :key="index"
-        src="../static/hit-icon-blue.png"
-        class="hit"
-        :style="{
-          left: calcRealX(bow.x),
-          top: calcRealY(bow.y),
-        }"
-      />
+      <block v-for="(bow, index) in scores" :key="index">
+        <image
+          v-if="bow.ring > 0"
+          :src="
+            index === scores.length - 1 && !blueScores.length && showLatestArrow
+              ? '../static/hit-icon-green.png'
+              : '../static/hit-icon.png'
+          "
+          :class="`hit ${
+            index + 1 === scores.length && !blueScores.length && showLatestArrow
+              ? 'pump-in'
+              : ''
+          }`"
+          :style="{
+            left: calcRealX(bow.x),
+            top: calcRealY(bow.y),
+          }"
+        />
+      </block>
+      <block v-for="(bow, index) in blueScores" :key="index">
+        <image
+          v-if="bow.ring > 0"
+          src="../static/hit-icon-blue.png"
+          class="hit"
+          :style="{
+            left: calcRealX(bow.x),
+            top: calcRealY(bow.y),
+          }"
+        />
+      </block>
+
       <image src="../static/bow-target.png" mode="widthFix" />
     </view>
     <view v-if="avatar" class="footer">