细节完善

src/components/PointRecord.vue

@@ -32,8 +32,12 @@ onMounted(() => {
 </script>
 
 <template>
-  <view class="container" @click="toDetailPage" @longpress="longPress(props.data)">
-    <view>
+  <view
+    class="container"
+    @click="toDetailPage"
+    @longpress="longPress(props.data)"
+  >
+    <view class="left-part">
       <view class="labels">
         <view></view>
         <text>{{
@@ -55,7 +59,7 @@ onMounted(() => {
         <text>平均：{{ data.averageRing }}</text>
       </view>
     </view>
-    <view>
+    <view class="right-part">
       <image src="../static/bow-target.png" mode="widthFix" />
       <view class="arrow-amount">
         <text>{{ data.actualTotalRing }}</text>
@@ -75,12 +79,13 @@ onMounted(() => {
   margin-bottom: 25rpx;
   height: 200rpx;
   border: 2rpx solid #fed848;
+  padding-left: 30rpx;
+  padding-right: 10rpx;
 }
 .container > view {
   position: relative;
-  margin-left: 15px;
 }
-.container > view:first-child {
+.left-part {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -88,20 +93,23 @@ onMounted(() => {
   height: calc(100% - 50rpx);
   color: #333333;
 }
-.container > view:first-child > view {
+.left-part > view {
   width: 100%;
   display: flex;
   position: relative;
 }
-.container > view:first-child > view:nth-child(3) {
+.left-part > view:nth-child(3) {
   display: flex;
   align-items: center;
   font-size: 20rpx;
   color: #666;
 }
-.container > view:first-child > view:nth-child(3) > text {
+.left-part > view:nth-child(3) > text {
   margin-right: 10rpx;
 }
+.right-part > image {
+  width: 180rpx;
+}
 .labels {
   align-items: flex-end !important;
 }
@@ -119,12 +127,6 @@ onMounted(() => {
   position: relative;
   color: #333;
 }
-.container > view:last-child {
-  margin-right: 1vw;
-}
-.container > view:last-child > image {
-  width: 24vw;
-}
 .arrow-amount {
   position: absolute;
   background-color: #0009;