细节优化

src/components/BowTarget.vue

@@ -198,7 +198,7 @@ const simulShoot2 = async () => {
                 ? 'green'
                 : 'red',
           }"
-          >{{ index + 1 }}</view
+          ><text>{{ index + 1 }}</text></view
         >
       </block>
       <block v-for="(bow, index) in blueScores" :key="index">
@@ -214,7 +214,7 @@ const simulShoot2 = async () => {
             top: calcRealY(bow.y),
             backgroundColor: 'blue',
           }"
-          >{{ index + 1 }}</view
+          ><text>{{ index + 1 }}</text></view
         >
       </block>
       <image src="../static/bow-target.png" mode="widthFix" />
@@ -288,6 +288,10 @@ const simulShoot2 = async () => {
   transition: all 0.3s ease;
   box-sizing: border-box;
 }
+.hit > text {
+  transform: scaleX(0.7);
+  display: block;
+}
 .header {
   width: 100%;
   display: flex;