UI优化

src/components/Header.vue

@@ -273,6 +273,6 @@ onBeforeUnmount(() => {
   font-size: 30rpx;
   color: #333333;
   margin: 0 20rpx;
-  max-width: 200rpx;
+  max-width: 280rpx;
 }
 </style>

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>