计分本细节调整

src/pages/point-book-detail.vue

@@ -42,9 +42,11 @@ const closeTip = () => {
 };
 
 const saveNote = async () => {
-  showTip3.value = false;
-  if (record.value.id) {
-    await addNoteAPI(record.value.id, notes.value);
+  if (record.value.id && notes.value) {
+    if (record.value.remark !== notes.value) {
+      await addNoteAPI(record.value.id, notes.value);
+    }
+    showTip3.value = false;
   }
 };
 
@@ -207,8 +209,11 @@ onShareTimeline(async () => {
           @click="() => openTip(3)"
           v-if="user.id === record.user.id"
         >
-          <image src="../static/edit.png" mode="widthFix" />
-          <text>备注</text>
+          <image
+            :src="`../static/${notes ? 'has' : 'add'}-note.png`"
+            mode="widthFix"
+          />
+          <text>{{ notes ? "我的备注" : "添加备注" }}</text>
         </button>
       </view>
       <view class="title-bar">
@@ -222,14 +227,15 @@ onShareTimeline(async () => {
           />
         </button> -->
       </view>
-      <view :style="{ transform: 'translateY(-45rpx) scale(0.9)' }">
+      <view :style="{ transform: 'translateY(-64rpx) scale(0.9)' }">
         <BowTargetEdit
           :id="targetId"
           :src="targetSrc"
           :arrows="arrows.filter((item) => item.x && item.y)"
+          :scroll="false"
         />
       </view>
-      <view :style="{ transform: 'translateY(-60rpx)' }">
+      <view :style="{ transform: 'translateY(-100rpx)' }">
         <!-- <view class="title-bar">
           <view />
           <text>环值分布</text>
@@ -289,10 +295,7 @@ onShareTimeline(async () => {
           </button> -->
         </view>
       </view>
-      <ScreenHint2
-        :show="showTip || showTip2 || showTip3"
-        :onClose="showTip3 ? null : closeTip"
-      >
+      <ScreenHint2 :show="showTip || showTip2 || showTip3" :onClose="closeTip">
         <view class="tip-content">
           <block v-if="showTip">
             <text>落点稳定性说明</text>
@@ -309,14 +312,19 @@ onShareTimeline(async () => {
             <textarea
               v-model="notes"
               maxlength="300"
-              rows="4"
+              rows="3"
               class="notes-input"
               placeholder="写下本次射箭的补充信息与心得"
               placeholder-style="color: #ccc;"
             />
             <view>
-              <button hover-class="none" @click="showTip3 = false">取消</button>
-              <button hover-class="none" @click="saveNote">保存备注</button>
+              <button
+                hover-class="none"
+                @click="saveNote"
+                :class="notes ? '' : 'button-disabled'"
+              >
+                保存备注
+              </button>
             </view>
           </block>
         </view>
@@ -394,15 +402,15 @@ onShareTimeline(async () => {
 }
 .detail-data > button {
   display: flex;
+  flex-direction: column;
+  justify-content: space-around;
   align-items: center;
-  font-size: 26rpx;
-  color: #999999;
+  font-size: 24rpx;
+  color: #333333;
 }
 .detail-data > button > image {
-  width: 28rpx;
-  height: 28rpx;
-  margin-right: 10rpx;
-  margin-left: 20rpx;
+  width: 44rpx;
+  height: 44rpx;
 }
 .question-mark {
   width: 28rpx;
@@ -452,7 +460,7 @@ onShareTimeline(async () => {
   width: 100%;
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: center;
 }
 .tip-content > view > input {
   width: 80%;
@@ -465,21 +473,21 @@ onShareTimeline(async () => {
 }
 .tip-content > view > button {
   width: 48%;
-  background: linear-gradient(180deg, #fbfbfb 0%, #f5f5f5 100%);
-  border-radius: 22px;
-  border: 1px solid #eeeeee;
+  border-radius: 44rpx;
   padding: 12px 0;
   font-size: 14px;
   color: #000;
-}
-.tip-content > view > button:last-child {
   background: #fed847;
 }
+.button-disabled {
+  background: linear-gradient(180deg, #fbfbfb 0%, #f5f5f5 100%) !important;
+  color: #ccc !important;
+}
 .ring-text-groups {
   display: flex;
   flex-direction: column;
   padding: 20rpx;
-  padding-top: 40rpx;
+  padding-top: 50rpx;
   font-size: 24rpx;
   color: #999999;
 }
@@ -489,10 +497,9 @@ onShareTimeline(async () => {
 }
 .ring-text-groups > view > view:first-child:nth-last-child(2) {
   margin-top: 10rpx;
-  margin-left: 30rpx;
-  width: 90rpx;
+  width: 115rpx;
   text-align: center;
-  justify-content: flex-end;
+  justify-content: flex-start;
   font-size: 20rpx;
   display: flex;
   color: #999;
@@ -504,18 +511,17 @@ onShareTimeline(async () => {
   > view
   > view:first-child:nth-last-child(2)
   > text:nth-child(2) {
-  font-size: 40rpx;
-  /* min-width: 45rpx; */
+  font-size: 28rpx;
   color: #666;
   margin-right: 6rpx;
   margin-top: -5rpx;
+  font-weight: 500;
 }
 .ring-text-groups > view > view:last-child {
   width: 80%;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 30rpx;
-  transform: translateX(20rpx);
 }
 .ring-text-groups > view > view:last-child > text {
   width: 16.6%;