From 0875297819c26c811bfb89fbc3be48d42cdcd4d3 Mon Sep 17 00:00:00 2001
From: kron <kai_hong@126.com>
Date: Wed, 1 Oct 2025 11:58:24 +0800
Subject: [PATCH] =?UTF-8?q?UI=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header.vue |  2 +-
 src/pages/point-book.vue  | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/Header.vue b/src/components/Header.vue
index 923fab8..0147f2a 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -273,6 +273,6 @@ onBeforeUnmount(() => {
   font-size: 30rpx;
   color: #333333;
   margin: 0 20rpx;
-  max-width: 200rpx;
+  max-width: 280rpx;
 }
 </style>
diff --git a/src/pages/point-book.vue b/src/pages/point-book.vue
index 89ee3bc..1438de4 100644
--- a/src/pages/point-book.vue
+++ b/src/pages/point-book.vue
@@ -31,7 +31,7 @@ const isIOS = computed(() => {
   return systemInfo.osName === "ios";
 });
 
-const loadImage = ref(true);
+const loadImage = ref(false);
 const showModal = ref(false);
 const showTip = ref(false);
 const data = ref({
@@ -76,6 +76,7 @@ const loadData = async () => {
   else if (result2.checkInCount >= 5) hot = 3;
   else if (result2.checkInCount === 7) hot = 4;
   uni.$emit("update-hot", hot);
+  loadImage.value = true;
   // 异步生成热力图，不阻塞UI
   const generateHeatmapAsync = async () => {
     const weekArrows = result2.weekArrows
@@ -162,7 +163,7 @@ onBeforeUnmount(() => {
 onShareAppMessage(() => {
   return {
     title: "高效记录每一次射箭，深度分析助你提升！",
-    path: "pages/point-book-create",
+    path: "pages/point-book",
     imageUrl:
       "https://static.shelingxingqiu.com/attachment/2025-09-22/dcz4m4nbgycqqwknrv.png",
   };
@@ -287,7 +288,11 @@ onShareTimeline(() => {
           :src="bowTargetSrc || '../static/bow-target.png'"
           mode="widthFix"
         />
-        <image v-if="heatMapImageSrc" :src="heatMapImageSrc" mode="widthFix" />
+        <image
+          v-if="heatMapImageSrc"
+          :src="heatMapImageSrc"
+          mode="aspectFill"
+        />
         <view v-if="loadImage" class="load-image">
           <text>生成中...</text>
         </view>
@@ -308,7 +313,7 @@ onShareTimeline(() => {
           <image src="../static/reward-us.png" mode="widthFix" />
         </button>
       </view>
-      <RingBarChart :data="data.ringRate" />
+      <RingBarChart :data="data.ringRate" v-if="user.id" />
       <view class="title" v-if="user.id">
         <image src="../static/point-book-title2.png" mode="widthFix" />
       </view>