积分本靶点大小调整

src/components/BowTargetEdit.vue

@@ -135,13 +135,13 @@ const endDrag = (e) => {
 const getNewPos = () => {
   if (props.id === 7 || props.id === 9) {
     if (arrow.value.y > 1.4)
-      return { left: "-12px", bottom: "calc(50% - 12px)" };
+      return { left: "-10px", bottom: "calc(50% - 10px)" };
   } else {
     if (arrow.value.y > 0.88) {
-      return { left: "-12px", bottom: "calc(50% - 12px)" };
+      return { left: "-10px", bottom: "calc(50% - 10px)" };
     }
   }
-  return { left: "calc(50% - 12px)", bottom: "-12px" };
+  return { left: "calc(50% - 10px)", bottom: "-10px" };
 };
 
 onMounted(async () => {
@@ -183,9 +183,6 @@ onMounted(async () => {
         <view
           v-if="arrow.x !== undefined && arrow.y !== undefined"
           class="point"
-          :style="{
-            transform: props.id === 7 || props.id === 9 ? 'scale(0.7)' : '',
-          }"
         >
           <text>{{ index + 1 }}</text>
         </view>
@@ -274,12 +271,11 @@ onMounted(async () => {
 }
 
 .point {
-  min-width: 12px;
-  min-height: 12px;
+  min-width: 10px;
+  min-height: 10px;
   border-radius: 50%;
   border: 1px solid #fff;
   color: #fff;
-  font-size: 8px;
   text-align: center;
   line-height: 10px;
   box-sizing: border-box;
@@ -290,9 +286,13 @@ onMounted(async () => {
 }
 
 .point > text {
-  transform: scaleX(0.7);
   display: block;
-  font-weight: bold;
+  font-size: 12rpx;
+  line-height: 10px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%) scaleX(0.7);
 }
 
 .edit-buttons {
@@ -311,7 +311,6 @@ onMounted(async () => {
   width: 100%;
   display: flex;
   justify-content: center;
-  /* margin-left: 10px; */
 }
 
 .edit-btn-text > text {