细节优化

src/components/BowTargetEdit.vue

@@ -202,7 +202,6 @@ onMounted(async () => {
           <view
             v-if="arrow.x !== undefined && arrow.y !== undefined"
             class="point"
-            :style="{ transform: `scale(${1 / scale})` }"
           >
             <text>{{ index + 1 }}</text>
           </view>
@@ -216,8 +215,7 @@ onMounted(async () => {
           :x="arrow ? (rect.width * arrow.x) / scale : 0"
           :y="arrow ? (rect.width * arrow.y) / scale : 0"
         >
-          <view class="point" :style="{ transform: `scale(${1 / scale})` }">
-          </view>
+          <view class="point"> </view>
           <view
             v-if="arrow"
             class="edit-buttons"
@@ -225,18 +223,18 @@ onMounted(async () => {
             :style="{ transform: `scale(${1 / scale})` }"
           >
             <view class="edit-btn-text">
-              <text v-if="arrow.ring === 0" :style="{ width: '100%' }"
+              <!-- <text v-if="arrow.ring === 0" :style="{ width: '100%' }"
                 >未上靶</text
-              >
-              <text v-if="arrow.ring !== 0">{{ arrow.ring }}</text>
-              <text
+              > -->
+              <text>{{ arrow.ring === 0 ? "M" : arrow.ring }}</text>
+              <!-- <text
                 v-if="arrow.ring > 0"
                 :style="{
                   fontSize: '16px',
                   marginLeft: '2px',
                 }"
                 >环</text
-              >
+              > -->
             </view>
             <view class="edit-btn confirm-btn" @touchstart.stop="confirmAdd">
               <image src="../static/arrow-edit-save.png" mode="widthFix" />
@@ -325,7 +323,8 @@ onMounted(async () => {
 .edit-btn-text {
   width: 100%;
   display: flex;
-  justify-content: center;
+  /* justify-content: center; */
+  margin-left: 10px;
 }
 
 .edit-btn-text > text {