计分本细节更新

src/components/PointRecord.vue

@@ -6,6 +6,10 @@ const props = defineProps({
     type: Object,
     default: () => {},
   },
+  longPress: {
+    type: Function,
+    default: () => {},
+  },
 });
 const bowOptions = ref({});
 const targetOptions = ref({});
@@ -28,7 +32,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <view class="container" @click="toDetailPage">
+  <view class="container" @click="toDetailPage" @longpress="longPress(props.data)">
     <view>
       <view class="labels">
         <view></view>
@@ -54,9 +58,9 @@ onMounted(() => {
     <view>
       <image src="../static/bow-target.png" mode="widthFix" />
       <view class="arrow-amount">
-        <text>共</text>
-        <text>{{ data.arrows * data.groups }}</text>
-        <text>箭</text>
+        <text>{{ data.actualTotalRing }}</text>
+        <text>/</text>
+        <text>{{ data.totalRing }}</text>
       </view>
     </view>
   </view>
@@ -124,19 +128,18 @@ onMounted(() => {
 .arrow-amount {
   position: absolute;
   background-color: #0009;
-  border-radius: 10px;
+  border-radius: 12px;
   color: #fffc;
-  font-size: 12px;
-  line-height: 22px;
-  width: 60px;
+  font-size: 24rpx;
+  line-height: 26px;
+  width: 64px;
   display: flex;
   justify-content: center;
-  top: calc(50% - 13px);
-  left: calc(50% - 30px);
+  top: calc(50% - 15px);
+  left: calc(50% - 32px);
 }
-.arrow-amount > text:nth-child(2) {
+.arrow-amount > text:nth-child(1) {
+  font-size: 30rpx;
   color: #fff;
-  font-size: 14px;
-  margin: 0 3px;
 }
 </style>