From 14f43e929fae9ad6a2c802af62c38a8f451fecfc Mon Sep 17 00:00:00 2001
From: kron <kai_hong@126.com>
Date: Mon, 27 Oct 2025 13:56:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90ios=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E6=94=B9=E9=80=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EditOption.vue    |  30 ++--
 src/components/PointRecord.vue   |   1 -
 src/components/RingBarChart.vue  |   3 +-
 src/components/ScrollList.vue    |   9 +-
 src/pages/point-book-home.vue    | 259 +++++++++++++++----------------
 src/pages/point-book-list.vue    | 153 ++++++++----------
 src/pages/point-book-profile.vue | 114 ++++++++++++++
 src/pages/point-book.vue         | 134 ++++++++++++++--
 src/static/app-bg6.png           | Bin 0 -> 8684 bytes
 src/static/back-grey.png         | Bin 0 -> 273 bytes
 src/static/email-yellow.png      | Bin 0 -> 1132 bytes
 src/static/password-yellow.png   | Bin 0 -> 687 bytes
 src/static/pen-yellow.png        | Bin 0 -> 1289 bytes
 src/static/user-yellow.png       | Bin 0 -> 877 bytes
 src/uni.scss                     |   2 +
 15 files changed, 454 insertions(+), 251 deletions(-)
 create mode 100644 src/pages/point-book-profile.vue
 create mode 100644 src/static/app-bg6.png
 create mode 100644 src/static/back-grey.png
 create mode 100644 src/static/email-yellow.png
 create mode 100644 src/static/password-yellow.png
 create mode 100644 src/static/pen-yellow.png
 create mode 100644 src/static/user-yellow.png

diff --git a/src/components/EditOption.vue b/src/components/EditOption.vue
index 58aabaa..b7754ab 100644
--- a/src/components/EditOption.vue
+++ b/src/components/EditOption.vue
@@ -27,7 +27,7 @@ const props = defineProps({
     default: "",
   },
 });
-const itemTexts = ["选择弓种", "选择练习距离", "选择靶纸", "选择组/箭数"];
+const itemTexts = ["Bow Type", "Distance", "Target Type", "Sets/Arrows"];
 const distances = [5, 8, 10, 18, 25, 30, 50, 60, 70];
 const groupArrows = [3, 6, 12, 18];
 
@@ -135,22 +135,22 @@ onMounted(async () => {
     }"
   >
     <view @click="() => onExpand(itemIndex, !expand)">
-      <text :style="{ opacity: expand ? 1 : 0 }">{{
-        itemIndex !== 3 ? itemTexts[itemIndex] : "选择组"
+      <text :style="{ opacity: expand ? 1 : 0 }">{{ 
+        itemIndex !== 3 ? itemTexts[itemIndex] : "Select Sets"
       }}</text>
       <block>
-        <text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 0">{{
+        <text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 0">{{ 
           value || itemTexts[itemIndex]
         }}</text>
-        <text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 1">{{
-          value && value > 0 ? value + "米" : itemTexts[itemIndex]
+        <text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 1">{{ 
+          value && value > 0 ? value + "m" : itemTexts[itemIndex]
         }}</text>
-        <text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 2">{{
+        <text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 2">{{ 
           value || itemTexts[itemIndex]
         }}</text>
-        <text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 3">{{
+        <text :style="{ opacity: expand ? 0 : 1 }" v-if="itemIndex === 3">{{ 
           selectedIndex !== -1 && secondSelectIndex !== -1
-            ? `${selectedIndex}组/${groupArrows[secondSelectIndex]}箭`
+            ? `${selectedIndex}sets/${groupArrows[secondSelectIndex]}arrows`
             : itemTexts[itemIndex]
         }}</text>
       </block>
@@ -186,7 +186,7 @@ onMounted(async () => {
         @click="onSelectItem(index)"
       >
         <text>{{ item }}</text>
-        <text>米</text>
+        <text>m</text>
       </view>
       <view
         :style="{
@@ -195,12 +195,12 @@ onMounted(async () => {
       >
         <input
           v-model="meter"
-          placeholder="自定义"
+          placeholder="custom"
           placeholder-style="color: #DDDDDD"
           @focus="() => (selectedIndex = 9)"
           @change="onMeterChange"
         />
-        <text>米</text>
+        <text>m</text>
       </view>
     </view>
     <view v-if="itemIndex === 2" class="bowtarget-items">
@@ -227,12 +227,12 @@ onMounted(async () => {
           @click="onSelectItem(i)"
         >
           <text>{{ i }}</text>
-          <text>组</text>
+          <text>sets</text>
         </view>
       </view>
       <view
         :style="{ marginTop: '5px', marginBottom: '10px', color: '#999999' }"
-        >选择每组的箭数</view
+        >Select arrows per set</view
       >
       <view class="amount-items">
         <view
@@ -244,7 +244,7 @@ onMounted(async () => {
           @click="onSelectSecondItem(index)"
         >
           <text>{{ item }}</text>
-          <text>箭</text>
+          <text>arrows</text>
         </view>
       </view>
     </view>
diff --git a/src/components/PointRecord.vue b/src/components/PointRecord.vue
index 0df8e8d..8afdb29 100644
--- a/src/components/PointRecord.vue
+++ b/src/components/PointRecord.vue
@@ -68,7 +68,6 @@ onMounted(() => {
   display: flex;
   align-items: center;
   border-radius: 25rpx;
-  margin-bottom: 25rpx;
   height: 200rpx;
   border: 2rpx solid #fed848;
 }
diff --git a/src/components/RingBarChart.vue b/src/components/RingBarChart.vue
index b4d4e0d..74f55d2 100644
--- a/src/components/RingBarChart.vue
+++ b/src/components/RingBarChart.vue
@@ -4,7 +4,7 @@ import { ref, computed } from "vue";
 const props = defineProps({
   data: {
     type: Object,
-    default: () => ({}),
+    default: Array,
   },
   total: {
     type: Number,
@@ -69,6 +69,7 @@ const ringText = (ring) => {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
+  margin-top: -30rpx;
 }
 .container > view {
   padding: 0 10rpx;
diff --git a/src/components/ScrollList.vue b/src/components/ScrollList.vue
index 1e0d788..1ea4474 100644
--- a/src/components/ScrollList.vue
+++ b/src/components/ScrollList.vue
@@ -59,6 +59,7 @@ onShow(async () => {
   <scroll-view
     class="scroll-list"
     scroll-y
+    enable-flex="true"
     :show-scrollbar="false"
     enhanced="true"
     :bounces="false"
@@ -73,8 +74,8 @@ onShow(async () => {
   >
     <slot></slot>
     <view class="tips">
-      <text v-if="loading">加载中...</text>
-      <text v-if="noMore">{{ count === 0 ? "暂无数据" : "没有更多了" }}</text>
+      <text v-if="loading">Loading...</text>
+      <text v-if="noMore">{{ count === 0 ? "No data" : "That‘s all" }}</text>
     </view>
   </scroll-view>
 </template>
@@ -83,9 +84,7 @@ onShow(async () => {
 .scroll-list {
   width: 100%;
   height: 100%;
-}
-.tips {
-  height: 50rpx;
+  flex-direction: column;
 }
 .tips > text {
   color: #d0d0d0;
diff --git a/src/pages/point-book-home.vue b/src/pages/point-book-home.vue
index 67a7d57..da775ed 100644
--- a/src/pages/point-book-home.vue
+++ b/src/pages/point-book-home.vue
@@ -1,7 +1,6 @@
 <script setup>
 import { ref, computed, onMounted, watch } from "vue";
 import { onShow } from "@dcloudio/uni-app";
-import Container from "@/components/Container.vue";
 import PointRecord from "@/components/PointRecord.vue";
 import RingBarChart from "@/components/RingBarChart.vue";
 
@@ -22,6 +21,7 @@ const isIOS = computed(() => {
 const loadImage = ref(false);
 const data = ref({
   weeksCheckIn: [],
+  ringRate: [],
 });
 
 const bowTargetSrc = ref("");
@@ -48,6 +48,7 @@ const loadData = async () => {
   else if (result.checkInCount >= 5) hot = 3;
   else if (result.checkInCount === 7) hot = 4;
   uni.$emit("update-hot", hot);
+  return;
   loadImage.value = true;
   const generateHeatmapAsync = async () => {
     const weekArrows = result.weekArrows
@@ -115,146 +116,142 @@ onShow(async () => {
 </script>
 
 <template>
-  <Container :bgType="4" bgColor="#F5F5F5" :whiteBackArrow="false" title="">
-    <view class="container">
-      <view class="daily-signin">
-        <view>
-          <image src="../static/week-check.png" />
-        </view>
-        <view :class="data.weeksCheckIn[0] ? 'checked' : ''">
-          <image
-            v-if="data.weeksCheckIn[0]"
-            src="../static/checked-green2.png"
-            mode="widthFix"
-          />
-          <view v-else></view>
-          <text>周一</text>
-        </view>
-        <view :class="data.weeksCheckIn[1] ? 'checked' : ''">
-          <image
-            v-if="data.weeksCheckIn[1]"
-            src="../static/checked-green2.png"
-            mode="widthFix"
-          />
-          <view v-else></view>
-          <text>周二</text>
-        </view>
-        <view :class="data.weeksCheckIn[2] ? 'checked' : ''">
-          <image
-            v-if="data.weeksCheckIn[2]"
-            src="../static/checked-green2.png"
-            mode="widthFix"
-          />
-          <view v-else></view>
-          <text>周三</text>
-        </view>
-        <view :class="data.weeksCheckIn[3] ? 'checked' : ''">
-          <image
-            v-if="data.weeksCheckIn[3]"
-            src="../static/checked-green2.png"
-            mode="widthFix"
-          />
-          <view v-else></view>
-          <text>周四</text>
-        </view>
-        <view :class="data.weeksCheckIn[4] ? 'checked' : ''">
-          <image
-            v-if="data.weeksCheckIn[4]"
-            src="../static/checked-green2.png"
-            mode="widthFix"
-          />
-          <view v-else></view>
-          <text>周五</text>
-        </view>
-        <view :class="data.weeksCheckIn[5] ? 'checked' : ''">
-          <image
-            v-if="data.weeksCheckIn[5]"
-            src="../static/checked-green2.png"
-            mode="widthFix"
-          />
-          <view v-else></view>
-          <text>周六</text>
-        </view>
-        <view :class="data.weeksCheckIn[6] ? 'checked' : ''">
-          <image
-            v-if="data.weeksCheckIn[6]"
-            src="../static/checked-green2.png"
-            mode="widthFix"
-          />
-          <view v-else></view>
-          <text>周日</text>
-        </view>
+  <view class="container">
+    <view class="daily-signin">
+      <view>
+        <image src="../static/week-check.png" />
       </view>
-      <view class="statistics">
-        <view>
-          <text>{{ data.todayTotalArrow || "-" }}</text>
-          <text>今日射箭(箭)</text>
-        </view>
-        <view>
-          <text>{{ data.totalArrow || "-" }}</text>
-          <text>累计射箭(箭)</text>
-        </view>
-        <view>
-          <text>{{ data.totalDay || "-" }}</text>
-          <text>已训练天数(天)</text>
-        </view>
-        <view>
-          <text>{{ data.averageRing || "-" }}</text>
-          <text>平均环数(箭)</text>
-        </view>
-        <view>
-          <text>{{
-            data.yellowRate !== undefined
-              ? Number((data.yellowRate * 100).toFixed(2)) + "%"
-              : "-"
-          }}</text>
-          <text>黄心率</text>
-        </view>
-        <view>
-          <button hover-class="none" @click="startScoring">
-            <image src="../static/start-scoring.png" mode="widthFix" />
-          </button>
-        </view>
-      </view>
-      <view class="title" :style="{ marginBottom: 0 }">
-        <image src="../static/point-book-title1.png" mode="widthFix" />
-      </view>
-      <view class="heat-map">
+      <view :class="data.weeksCheckIn[0] ? 'checked' : ''">
         <image
-          :src="bowTargetSrc || '../static/bow-target.png'"
+          v-if="data.weeksCheckIn[0]"
+          src="../static/checked-green2.png"
           mode="widthFix"
         />
-        <image
-          v-if="heatMapImageSrc"
-          :src="heatMapImageSrc"
-          mode="aspectFill"
-        />
-        <view v-if="loadImage" class="load-image">
-          <text>生成中...</text>
-        </view>
-        <canvas
-          id="heatMapCanvas"
-          canvas-id="heatMapCanvas"
-          type="2d"
-          style="
-            width: 100%;
-            height: 100%;
-            position: absolute;
-            top: -1000px;
-            left: 0;
-            z-index: 2;
-          "
-        />
+        <view v-else></view>
+        <text>Mon</text>
+      </view>
+      <view :class="data.weeksCheckIn[1] ? 'checked' : ''">
+        <image
+          v-if="data.weeksCheckIn[1]"
+          src="../static/checked-green2.png"
+          mode="widthFix"
+        />
+        <view v-else></view>
+        <text>Tue</text>
+      </view>
+      <view :class="data.weeksCheckIn[2] ? 'checked' : ''">
+        <image
+          v-if="data.weeksCheckIn[2]"
+          src="../static/checked-green2.png"
+          mode="widthFix"
+        />
+        <view v-else></view>
+        <text>Wed</text>
+      </view>
+      <view :class="data.weeksCheckIn[3] ? 'checked' : ''">
+        <image
+          v-if="data.weeksCheckIn[3]"
+          src="../static/checked-green2.png"
+          mode="widthFix"
+        />
+        <view v-else></view>
+        <text>Thu</text>
+      </view>
+      <view :class="data.weeksCheckIn[4] ? 'checked' : ''">
+        <image
+          v-if="data.weeksCheckIn[4]"
+          src="../static/checked-green2.png"
+          mode="widthFix"
+        />
+        <view v-else></view>
+        <text>Fri</text>
+      </view>
+      <view :class="data.weeksCheckIn[5] ? 'checked' : ''">
+        <image
+          v-if="data.weeksCheckIn[5]"
+          src="../static/checked-green2.png"
+          mode="widthFix"
+        />
+        <view v-else></view>
+        <text>Sat</text>
+      </view>
+      <view :class="data.weeksCheckIn[6] ? 'checked' : ''">
+        <image
+          v-if="data.weeksCheckIn[6]"
+          src="../static/checked-green2.png"
+          mode="widthFix"
+        />
+        <view v-else></view>
+        <text>Sun</text>
       </view>
-      <RingBarChart :data="data.ringRate" v-if="user.id" />
     </view>
-  </Container>
+    <view class="statistics">
+      <view>
+        <text>{{ data.todayTotalArrow || "-" }}</text>
+        <text>Today's Arrows</text>
+      </view>
+      <view>
+        <text>{{ data.totalArrow || "-" }}</text>
+        <text>Total Arrows</text>
+      </view>
+      <view>
+        <text>{{ data.totalDay || "-" }}</text>
+        <text>Training Days</text>
+      </view>
+      <view>
+        <text>{{ data.averageRing || "-" }}</text>
+        <text>Avg Score</text>
+      </view>
+      <view>
+        <text>{{
+          data.yellowRate !== undefined
+            ? Number((data.yellowRate * 100).toFixed(2)) + "%"
+            : "-"
+        }}</text>
+        <text>X-Ring Rate</text>
+      </view>
+      <view>
+        <button hover-class="none" @click="startScoring">
+          <image src="../static/start-scoring.png" mode="widthFix" />
+        </button>
+      </view>
+    </view>
+    <view class="title" :style="{ marginBottom: 0 }">
+      <image src="../static/point-book-title1.png" mode="widthFix" />
+    </view>
+    <view class="heat-map">
+      <image
+        :src="bowTargetSrc || '../static/bow-target.png'"
+        mode="widthFix"
+      />
+      <image v-if="heatMapImageSrc" :src="heatMapImageSrc" mode="aspectFill" />
+      <view v-if="loadImage" class="load-image">
+        <text>Generating...</text>
+      </view>
+      <canvas
+        id="heatMapCanvas"
+        canvas-id="heatMapCanvas"
+        type="2d"
+        style="
+          width: 100%;
+          height: 100%;
+          position: absolute;
+          top: -1000px;
+          left: 0;
+          z-index: 2;
+        "
+      />
+    </view>
+    <RingBarChart :data="data.ringRate" />
+    <view :style="{ height: '25rpx' }" />
+  </view>
 </template>
 
 <style scoped>
 .container {
-  width: calc(100% - 50rpx);
-  padding: 25rpx;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
 }
 .statistics {
   border-radius: 25rpx;
diff --git a/src/pages/point-book-list.vue b/src/pages/point-book-list.vue
index 50aafdb..99ebcf8 100644
--- a/src/pages/point-book-list.vue
+++ b/src/pages/point-book-list.vue
@@ -1,6 +1,5 @@
 <script setup>
 import { ref, onMounted } from "vue";
-import Container from "@/components/Container.vue";
 import SModal from "@/components/SModal.vue";
 import EditOption from "@/components/EditOption.vue";
 import PointRecord from "@/components/PointRecord.vue";
@@ -48,79 +47,72 @@ const onSelectOption = (itemIndex, value) => {
 </script>
 
 <template>
-  <Container
-    :bgType="2"
-    bgColor="#F5F5F5"
-    :whiteBackArrow="false"
-    title="计分记录"
-  >
-    <view class="container">
-      <view class="selectors">
-        <view @click="() => openSelector(0)">
-          <text :style="{ color: bowType.name ? '#000' : '#999' }">{{
-            bowType.name || "请选择"
-          }}</text>
-          <image src="../static/arrow-grey.png" mode="widthFix" />
-        </view>
-        <view @click="() => openSelector(1)">
-          <text :style="{ color: distance ? '#000' : '#999' }">{{
-            distance ? distance + " 米" : "请选择"
-          }}</text>
-          <image src="../static/arrow-grey.png" mode="widthFix" />
-        </view>
-        <view @click="() => openSelector(2)">
-          <text :style="{ color: bowtargetType.name ? '#000' : '#999' }">{{
-            bowtargetType.name || "请选择"
-          }}</text>
-          <image src="../static/arrow-grey.png" mode="widthFix" />
-        </view>
+  <view class="container">
+    <view class="selectors">
+      <view @click="() => openSelector(0)">
+        <text :style="{ color: bowType.name ? '#000' : '#999' }">{{
+          bowType.name || "Bow Type"
+        }}</text>
+        <image src="../static/arrow-grey.png" mode="widthFix" />
       </view>
-      <view class="point-records">
-        <ScrollList :onLoading="onListLoading">
-          <view v-for="(item, index) in list" :key="index">
-            <PointRecord :data="item" />
-          </view>
-          <view class="no-data" v-if="list.length === 0">暂无数据</view>
-        </ScrollList>
+      <view @click="() => openSelector(1)">
+        <text :style="{ color: distance ? '#000' : '#999' }">{{
+          distance ? distance + " m" : "Distance"
+        }}</text>
+        <image src="../static/arrow-grey.png" mode="widthFix" />
+      </view>
+      <view @click="() => openSelector(2)">
+        <text :style="{ color: bowtargetType.name ? '#000' : '#999' }">{{
+          bowtargetType.name || "Target Type"
+        }}</text>
+        <image src="../static/arrow-grey.png" mode="widthFix" />
       </view>
-      <SModal
-        :show="showModal"
-        :noBg="true"
-        height="auto"
-        :onClose="() => (showModal = false)"
-      >
-        <view class="selector">
-          <button hover-class="none" @click="() => (showModal = false)">
-            <image src="../static/close-grey.png" mode="widthFix" />
-          </button>
-          <EditOption
-            v-show="selectorIndex === 0"
-            :itemIndex="0"
-            :expand="true"
-            :noArrow="true"
-            :onSelect="onSelectOption"
-            :value="bowType.name"
-          />
-          <EditOption
-            v-show="selectorIndex === 1"
-            :itemIndex="1"
-            :expand="true"
-            :noArrow="true"
-            :onSelect="onSelectOption"
-            :value="distance + ''"
-          />
-          <EditOption
-            v-show="selectorIndex === 2"
-            :itemIndex="2"
-            :expand="true"
-            :noArrow="true"
-            :onSelect="onSelectOption"
-            :value="bowtargetType.name"
-          />
-        </view>
-      </SModal>
     </view>
-  </Container>
+    <view class="point-records">
+      <ScrollList :onLoading="onListLoading">
+        <view v-for="(item, index) in list" :key="index">
+          <view v-if="index > 0" :style="{ height: '25rpx' }" />
+          <PointRecord :data="item" />
+        </view>
+      </ScrollList>
+    </view>
+    <SModal
+      :show="showModal"
+      :noBg="true"
+      height="auto"
+      :onClose="() => (showModal = false)"
+    >
+      <view class="selector">
+        <button hover-class="none" @click="() => (showModal = false)">
+          <image src="../static/close-grey.png" mode="widthFix" />
+        </button>
+        <EditOption
+          v-show="selectorIndex === 0"
+          :itemIndex="0"
+          :expand="true"
+          :noArrow="true"
+          :onSelect="onSelectOption"
+          :value="bowType.name"
+        />
+        <EditOption
+          v-show="selectorIndex === 1"
+          :itemIndex="1"
+          :expand="true"
+          :noArrow="true"
+          :onSelect="onSelectOption"
+          :value="distance + ''"
+        />
+        <EditOption
+          v-show="selectorIndex === 2"
+          :itemIndex="2"
+          :expand="true"
+          :noArrow="true"
+          :onSelect="onSelectOption"
+          :value="bowtargetType.name"
+        />
+      </view>
+    </SModal>
+  </view>
 </template>
 
 <style scoped>
@@ -132,15 +124,13 @@ const onSelectOption = (itemIndex, value) => {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0 15px;
-  margin-top: 10px;
 }
 .selectors > view {
+  height: 110rpx;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-color: #fff;
-  height: 55px;
   border-radius: 12px;
   color: #333;
   font-size: 13px;
@@ -150,7 +140,7 @@ const onSelectOption = (itemIndex, value) => {
   width: 34vw;
 }
 .selectors > view > text {
-  width: calc(100% - 11vw);
+  width: 100%;
   text-align: center;
   margin-left: 3vw;
 }
@@ -173,17 +163,8 @@ const onSelectOption = (itemIndex, value) => {
   width: 40px;
 }
 .point-records {
-  margin: 0 15px;
   margin-top: 10px;
-  height: calc(100% - 80px);
-}
-.no-data {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: #999999;
-  font-size: 14px;
+  height: calc(100% - 130rpx);
+  overflow: auto;
 }
 </style>
diff --git a/src/pages/point-book-profile.vue b/src/pages/point-book-profile.vue
new file mode 100644
index 0000000..79538a9
--- /dev/null
+++ b/src/pages/point-book-profile.vue
@@ -0,0 +1,114 @@
+<script setup>
+import { ref } from "vue";
+import Avatar from "@/components/Avatar.vue";
+
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
+const store = useStore();
+const { user } = storeToRefs(store);
+
+const toEditPage = () => {
+  uni.navigateTo({
+    url: "/pages/point-book-edit",
+  });
+};
+</script>
+
+<template>
+  <view class="container">
+    <view class="header">
+      <image :src="user.avatar" mode="widthFix" />
+      <button hover-class="none" @click="toEditPage">
+        <image src="../static/pen-yellow.png" mode="widthFix" />
+      </button>
+    </view>
+    <view class="body">
+      <view>
+        <button hover-class="none">
+          <image src="../static/user-yellow.png" mode="widthFix" />
+          <text>Name</text>
+          <image src="../static/back-grey.png" mode="widthFix" />
+        </button>
+        <button hover-class="none">
+          <image src="../static/email-yellow.png" mode="widthFix" />
+          <text>Email</text>
+          <image src="../static/back-grey.png" mode="widthFix" />
+        </button>
+        <button hover-class="none">
+          <image src="../static/password-yellow.png" mode="widthFix" />
+          <text>Password</text>
+          <image src="../static/back-grey.png" mode="widthFix" />
+        </button>
+      </view>
+      <button hover-class="none">Log out</button>
+    </view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.header {
+  position: relative;
+  margin-top: -120rpx;
+}
+.header > image {
+  width: 180rpx;
+  height: 180rpx;
+  border-radius: 50%;
+  border: 4rpx solid #fff;
+}
+.header > button {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+.header > button > image {
+  width: 60rpx;
+  height: 60rpx;
+}
+.body {
+  width: 100%;
+  margin-top: 20rpx;
+}
+.body > view {
+  background-color: $uni-bg-color;
+  border-radius: 25px;
+  padding: 0 20px;
+}
+.body > view > button {
+  display: flex;
+  align-items: center;
+  padding: 20px 0;
+}
+.body > view > button:not(:last-child) {
+  border-bottom: 1rpx solid #e3e3e3;
+}
+.body > view > button > image:first-child {
+  width: 40rpx;
+  height: 40rpx;
+}
+.body > view > button > text {
+  flex: 1;
+  font-size: 26rpx;
+  color: #333333;
+  text-align: left;
+  padding-left: 20rpx;
+}
+.body > view > button > image:last-child {
+  width: 28rpx;
+  height: 28rpx;
+}
+.body > button:last-child {
+  margin-top: 24rpx;
+  background: $uni-bg-color;
+  border-radius: 24rpx;
+  font-size: 26rpx;
+  color: $uni-link-color;
+  text-align: center;
+  padding: 20px 0;
+}
+</style>
diff --git a/src/pages/point-book.vue b/src/pages/point-book.vue
index 4ae6c6b..0f56629 100644
--- a/src/pages/point-book.vue
+++ b/src/pages/point-book.vue
@@ -1,6 +1,9 @@
 <script setup>
 import { ref, computed, onMounted, onBeforeUnmount, watch } from "vue";
-import Container from "@/components/Container.vue";
+import Home from "@/pages/point-book-home.vue";
+import History from "@/pages/point-book-list.vue";
+import Profile from "@/pages/point-book-profile.vue";
+import Avatar from "@/components/Avatar.vue";
 
 import { getHomeData } from "@/apis";
 
@@ -11,18 +14,28 @@ const { updateUser } = store;
 const { user } = storeToRefs(store);
 
 const activeTab = ref(0);
+const heat = ref(0);
 
 const isIOS = computed(() => {
   const systemInfo = uni.getDeviceInfo();
   return systemInfo.osName === "ios";
 });
 
+const capsuleHeight = computed(() => {
+  const menuBtnInfo = uni.getMenuButtonBoundingClientRect();
+  return menuBtnInfo.top - 9;
+});
+
+const goSignIn = () => {
+  uni.navigateTo({
+    url: "/pages/sign-in",
+  });
+};
+
 const onClickTab = (index) => {
-  if (index > 0 && !user.value.id) {
-    return uni.navigateTo({
-      url: "/pages/sign-in",
-    });
-  }
+  // if (index > 0 && !user.value.id) {
+  //   return goSignIn();
+  // }
   activeTab.value = index;
 };
 
@@ -36,6 +49,10 @@ watch(
   }
 );
 
+const updateHot = (value) => {
+  heat.value = value;
+};
+
 onMounted(async () => {
   const token = uni.getStorageSync(
     `${uni.getAccountInfoSync().miniProgram.envVersion}_token`
@@ -44,12 +61,55 @@ onMounted(async () => {
     const data = await getHomeData();
     if (data.user) updateUser(data.user);
   }
+  uni.$on("update-hot", updateHot);
+});
+onBeforeUnmount(() => {
+  uni.$off("update-hot", updateHot);
 });
 </script>
 
 <template>
-  <Container :bgType="4" bgColor="#F5F5F5" :whiteBackArrow="false" title="">
-    <view class="container"> </view>
+  <view class="container">
+    <view
+      class="header"
+      :style="{
+        paddingTop: capsuleHeight + 'px',
+        overflow: activeTab === 1 ? 'hidden' : 'unset',
+      }"
+    >
+      <image
+        class="bg-image"
+        :src="`../static/app-bg${activeTab === 2 ? 6 : 5}.png`"
+        mode="widthFix"
+      />
+      <view v-if="activeTab === 0" class="user-header" @click="goSignIn">
+        <block v-if="user.id">
+          <Avatar :src="user.avatar" :size="40" borderColor="#333" />
+          <text class="truncate">{{ user.nickName }}</text>
+          <image
+            v-if="heat"
+            :src="`../static/hot${heat}.png`"
+            mode="widthFix"
+          />
+        </block>
+        <block v-else>
+          <image src="../static/user-icon.png" mode="widthFix" />
+          <text>新来的弓箭手你好呀~</text>
+        </block>
+      </view>
+      <view v-if="activeTab === 1" class="title">History</view>
+    </view>
+    <view
+      class="body"
+      :style="{
+        height: 'calc(100% - 50px - ' + capsuleHeight + 'px - 160rpx - 25rpx)',
+        overflowY: activeTab === 2 ? 'unset' : 'hidden',
+      }"
+    >
+      <Home v-show="activeTab === 0" />
+      <History v-show="activeTab === 1" />
+      <Profile v-show="activeTab === 2" />
+    </view>
     <view class="tabbar">
       <button hover-class="none" @click="onClickTab(0)">
         <image
@@ -77,14 +137,64 @@ onMounted(async () => {
         >
       </button>
     </view>
-  </Container>
+  </view>
 </template>
 
 <style scoped>
 .container {
-  width: calc(100% - 50rpx);
-  height: 100%;
-  padding: 25rpx;
+  width: 100vw;
+  height: 100vh;
+  background: #f5f5f5;
+}
+.header {
+  height: 50px;
+  position: relative;
+  font-weight: 500;
+  font-size: 30rpx;
+  color: #333333;
+  display: flex;
+  align-items: center;
+  z-index: 1;
+}
+.title {
+  position: relative;
+  width: 100%;
+  text-align: center;
+}
+.header > image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+.user-header {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
+  margin-left: 30rpx;
+}
+.user-header > image:first-child {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  border: 2rpx solid #333;
+}
+.user-header > image:last-child {
+  width: 36rpx;
+  height: 36rpx;
+}
+.user-header > text:nth-child(2) {
+  font-weight: 500;
+  font-size: 30rpx;
+  color: #333333;
+  margin: 0 20rpx;
+  max-width: 300rpx;
+}
+.body {
+  position: relative;
+  padding: 25rpx 25rpx 0rpx 25rpx;
+  z-index: 2;
 }
 .tabbar {
   width: 100%;
diff --git a/src/static/app-bg6.png b/src/static/app-bg6.png
new file mode 100644
index 0000000000000000000000000000000000000000..a33e26a60d294c2ad10cbc932a99d2d0a832a6ae
GIT binary patch
literal 8684
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
Z4c4<<MM1`4(fWT-Q&msplal@G{{xvpwq5`L

literal 0
HcmV?d00001

diff --git a/src/static/back-grey.png b/src/static/back-grey.png
new file mode 100644
index 0000000000000000000000000000000000000000..17562b71566388982587f965bfe29cea8298ad13
GIT binary patch
literal 273
zcmeAS@N?(olHy`uVBq!ia0vp^S|H593?x6vT4n+%rvRT2S0H`n%$W-pE}T7k7RZ2*
zr%#^-GJxRJsZ&5fAos+H6A%VO4N&UbxpQD8XZKuv3NlTsB*-tA;TfCM-23-S3)VK*
zsfgdYx$4^Xo-~K;fAR!@Dl$A>978NlzrC_ss6m0pB~XZkrKbD;|J6yU)!Oc|LGw@M
zZGE;oed?*i(_E<{_l=`nQqr!KUHx??XOGU`+g5v49j=ndDR*)Asbt(8^0Mhr$#jur
v{*KYVF27uM=VijZEGyZwN7%#8>c3-ouE#P}>P5&Npq&h!u6{1-oD!M<;s}Ji

literal 0
HcmV?d00001

diff --git a/src/static/email-yellow.png b/src/static/email-yellow.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d12a358be50e2d9577bb41e4c09d55e12f7ac25
GIT binary patch
literal 1132
zcmeAS@N?(olHy`uVBq!ia0vp^Hb898!3-q3w?)4LQcDATLR^9L|6}g|FNXcU?FV82
z(aC`SXT1L(_xyj{1H?T6CXc)S2O<a?q6{SB@&BYZNDWlh6Qlql4wQnZhjPJ+fr3B<
z5Om5DtP!FfX2Nmze^Aqa;$W%MzCdM}h8On(9coq*<QL5FhmGaiTTW4R`Ja~eF76Ka
z`1tzS8o^h$RvRck?<mTRJ-L5YxsI#7sq~Slp4+$dE!?o8IVpt4vQ0mofq~h<)5S5w
z<M`XKo3l0<@NCuC)T}gHgF|D{j=sJ<{}=z2_l(@y_y6i0pLH3RFV9g~zO>o?cd0bj
zzKu4s{&+k)d->9b)`!Of^fs65%b2<N{-uxUH`Z=fa6RAg_^iExPMzrb-k4|h6Y5)}
zG$Wq1<?r-99=N&8=<?p~ciYn3?)CM4?H6^m+m&lMt7FrZIbG-CQW7`M&<p(R-2TAg
z>~hhn&r;UcFX&fGH<Ue?-Q9EV=II+|x}TMv#F^PIxZ{6_dp+w^#m%~#{|hcieSPz5
zZ>Z_(G`{VQMV}@moV!}NGUD@=eo>z%IzdZPW-if+S11&*J<1T|AEC%n#<OecQ>6)q
zbZ0$3*m&V}qWK58OFI)gV((}$&vcXMi9U5<ecsuy6UW`l@;;_WeG6|Y6Iy(@icOm-
zX2Ip0lP;m^SIc`&@g$0Dt<+{IbI*<8(7PVKNTpMIE}w8nH#hTAR=Z~VBa1F5t+iOy
zH?_-{t*veEIo*%0Pg(dgZwfwJv85tYBYU?@2Vch)!3`XLFSBy+h+h!dU@G-Tm_zr-
zgM5*BOb=o{$>@1UrJO7+@l|hsTF$4#@4HxSX+H0o^$I3DcUs~OOk}v%7_%wj>b?y!
z{qGj^N9wEUaGlAzu(n!L!7_tSM02Ktm)(&Mzb<`O2$c5|xRla7+0LS|%W*2tK9=a%
z4^N~I1eZNY3Vp8AzIV>St(PS%ncwfs)t1_}Hahob?bd^HUW@LJS$X|=%Aa-TV>h$e
zwjO;ia?Mbv_xG(bt6TTB<=L%m?>&0(^2$wC%U{LKU1e<>`m3W!zwZ0K>5bZxJUQ;l
zpD*?~{IvN@ap=`O8h`CxeR0^FFH{@;?1}fc2Pb(V9zSy3ns_Hs=kRBTb8BuF>+h{@
zTa)<nk#zgE)NLEzNu4nAbzro*{i=VXnI|i+s>+dVA~RP-{#}2nN#<YZ*On8{>ZU2?
zo=wm-*rJgv^xtXTo}+u$am9<M3BNs`;oX08@q6iX_ZwD8WjTHqS?5bQwNIJ&;mTCw
z%VPag=T(^dvv%3cxf_+PZXvX0&+S(Q->UY^-?sJ9!8RRf_N;?ON$ce8_t-uU7c&#L
zudrCY%lVf_<wEV|{x=ivRlR?EIZE>Xckg($JwHWrYO6n_@6Y?sFsb`~?!2FW{{eF&
NgQu&X%Q~loCIEn^K6(HE

literal 0
HcmV?d00001

diff --git a/src/static/password-yellow.png b/src/static/password-yellow.png
new file mode 100644
index 0000000000000000000000000000000000000000..f45acc0aee6cd3a54726d6b0665f220c74d08450
GIT binary patch
literal 687
zcmeAS@N?(olHy`uVBq!ia0vp^HXzKw3=&b&bO2Hl0(?STf%N|~{{N1-|2yIFABc{*
z|3BvS|G4}A6Q2K$0Y%(EY#;+DemoGwzU>HB<Np7MKUkT^|KkviKs7*y=l_$QAQ6yy
zpdk<upa~%EKadEJ4KnB7aW@bfs1m9eVu*XnYHL-XoAgV9{DK)c-^}p(CVwxfLHxy`
z-z=xte|+M5lCgG5TZNU;wQbdrPMYub_GJrSTsD7pQJ{HDk+xz!0|VoHPZ!4!kK=Er
z-JH~9AmG|7<zm43dtXPx?q~o1=bc(MCn&+=N#d$wA8p!Xq}TDzJ=xCwMx*@jg|o`P
zQ@4I7-_^=_aN54lkHdYU&KT4musITP?QR=i{=)QGb5>WXy-!#c^v&$ASx2T&UAk(b
z_PxDg)@fU%&)xX@G1&EqRO89UyOGY@S(luZWcO%g`Q+N(8<uL*BA=5`D9pQiOU|~d
z{;oWwT&K@SOu6ps5Scx_@X>+F4F$JcF7Lf`B!X|M-U91ow&%s1#m)sRo~I~z{#~W-
zw+YF1ACz?S`+b<!vhO&;{Cjz|-COYw^?G5pDhm4FmM=1YapZ~6jFY=wyUp-!vaZbP
z@jkp|+MMW3S?0x32R@Z3F37yxVE27KzkQ@OQ`Qd0|2r>U;Nd#2&h#vxs_kBwn_jY>
zl;-Lg#cTSeNN&085!oL3apL{hHqHk<Q*382C_nW+R9Pgc8T_;=^u_$&5`VgUv}ZWE
zhaM1Ai@Iv%)5fw)TkOIcuG`FE&o8}rtJux==@VmV-<+juqVv>cbM7B>Q4xCcqwM`g
l<Fd_58_x8;d=mee^^x(?gB!Qo!~tWO!PC{xWt~$(69D@SR&)RW

literal 0
HcmV?d00001

diff --git a/src/static/pen-yellow.png b/src/static/pen-yellow.png
new file mode 100644
index 0000000000000000000000000000000000000000..38635c3daf2d6ec7d65dc7de6aa0647fe4c6838b
GIT binary patch
literal 1289
zcmcJP{ZkTl0LIzS%2eoXTJtTsR0^jAap{GYq5`5s<jc-xn$_8&)SNFkwNlBKG(*$L
zK^E4o(@;uR6cvuCrRV@fGxQ=y`9e;`1T1j@-?=|x&)w(w{QUg#RMBZ<=gsb$ArOc&
zB`Pv@-9P-tCg^&@nZIGy)la9!6W0y?&)E9O09b(43@j_Q0V-IM*#_x0Sv1i1fZ<c%
z^As??1`84}nqiYC*!rWuvI0ys+muP*pO0W|9;|49K?Nr3fTj{m6oa{kKzASf{RGUk
z0Cheve*jvJO-2!kMnvmN5V^6mILMc=U-3v!^Ro6WCuZx={ESM{SzTIiF71259+;Cd
zOeDAlfk0nTA_?({FO<A-<`ia2SaMbmb4TZjolkdsTtp?^2tpsnEP8GXso!v6Kqoc4
zE2=o+!SKN*B)7Zh)0NR4q&ID8`jf<0?Xl^(t+!88v&(r$9NF7rZqftdkUJhS1XU6!
z`gM4Ku%mIw!Rp(w#V*=5OENTA{l9TBKC=3}FUWJrhE|)Z5h0h~mX&&`vSX1!J9o*s
z{vQUCXUg2hZ3C-<+0Yx^!brs#ac|zPdY=u0b~0gI;%=&#<AbG~6^1lSbgx~SQaW2g
zN_D9)MrPrpx9k>Fy@Ph__~+eut+?L17e0vE;iMIX?h2pP;fMB0)>4BPkT~D@*@JWM
zK0lxJu%7J8^%&|~>{d!R=V5OZ7rxW}SaoghVQCYi(o5`h<2WCyBi5#1_<@@gIX|c9
zu&3tib#=8U@67!mP3?MfKTBSnGy=_YII#prl}OT_#+2gAahI14EYj>9kC1pL-bnD=
zjABY#xXBX66G?6-Sv@0T&iqw_l38KT?wi8!Ef^hk7V8elG<CgkWW^7wrMziAWDp${
zo8Za|j(?f7EsB{iinHL-OoYBJ;`Gp5{poCFJFKshL8`w`apgbzDH~PI3^isD{fr8_
z0y9$M;@fnJ|2*-LW@Dh<|I3w0F^UthGB6m8YH>s0yz=gN{dtm?Z{})(&j?}|6@|gQ
zvaWJF#$YPffRzMi4F`TZPlTW6s~v<ioFm3le;^&nP-E0dbxj3E){8`MryxJgEmt}9
zY<E3lyY=xE?!~1l2J&d?ojt4!p$*pI_B0T>wGi9ZLMYcvm?jYfCk!z)?$hq%Ve1$*
zxQjcE>%H@}r+td~ut(98B1KS>dsaz-woTP9c(E6uD<hLOvXeiW<PC_`^nDdd4=L|n
z!tKOmv^v~mcV0!79z}=wvbWWYqO&4i_jVpOb7Aq^fQ~lR8vbm`majOl#s>L<pXgat
zzkj&%)zqj%8p6IHi7=;-ukzp3J$jK6v8v8rg^PI<XK5C-#4k6{N$I$=#qM|mlJ1H}
zuzQR!(#U)H<V@S<Ptz$**5-h+qeJ8ecT4cUd@9OPEH}DHqr`KKnlIV4WGJhLodQnm
z(+6A@;A)Nqyc{nc#O|EGCpk#wIajWYjrL}^O|))BU9Y+K{t$GH<Pdr;4;2R2qjR=T
zvo)*5PD8n&j9Y}3$e{zv4h93fxwiPhMT>WirPa_}tg6*km<>9Lg)=<uo&f&%otYE2
zEEesxZb*+FD>>A-qE!d7HH-b?xwuPL50+<+0Q+rjZ~=4DNLzmb2!%+Cd=Q?>`WNDP
Bzr+9l

literal 0
HcmV?d00001

diff --git a/src/static/user-yellow.png b/src/static/user-yellow.png
new file mode 100644
index 0000000000000000000000000000000000000000..bcfcb8dcf790cff0cc991a1d19083eaf17e18091
GIT binary patch
literal 877
zcmeAS@N?(olHy`uVBq!ia0vp^HXzKw3=&b&bO2KA0X`wFK>Gigfd5B){~!1Kf6V>=
zS^xjX-9d~Ko*<DkK+@y?86S`!L>x$-0!sna0HscN{6FadmIaeQK?nj$o%Hz!QsV^{
z@c@xPK@bTv9H`Or{|SgKAVGVU-BCcN=#&Kc1v5zUF8#yu_J@_6SP93c+t;ggwO;0i
ztF7yKbn4Kvqe2%=&hOpfcxUA_xA{rU`!qMmGB7Y@db&7<cpSeQ_PS`3fk5bN77qg!
z78ik|-g~!H{(t^^SLa_gMYY6Vi;Zpf&v`oMjaqf_x9ts?v+nnM7VUYidGzv@r5PPH
z4JM1`JepRhQtdFOGJEk>nTJN-FE4ZdQn15o($(+pgP$$FD{E38+?pyfHF4|3S5*%e
z#%3=U{k!c#*3u{0%cV9mY<asg-)6gj&xGAUX7`&XrxYCQY5w}4%4C_*ZQipFh2HE`
zepSwK%OOeN$8Otq0v4qyCu(_@w}ln5PC4~JVcmlpr?m3+Nt{0PWobjSxmoU<8pE(-
z51c&8l6IT4e!rD+Y*DMz<K6Q+Uiu&E%blJV%b#}mYv`&C?yJrTb*1F3_$jsTMmI}-
z<7dNv6IP4Ozo{rN!A;J|Ld5X;pIfV+X|wCDTs!f)!Gzqd>TO$CqYupaT)oa+J^lY(
zm!8*#PYfMi#sxCh?G5aC`Su)hs>Oww?3<)cvNJ8ceE4#4c8a(qOV#N;=2tm+x2XH?
z-|;8rl;E`as%6>A2bT)QxSVsn%4S<W=X(>!tt(o+-Rzb(t}VK~^6TZ!Drp-&?WFE$
zf@i&4#J``J>#=3-hU>3tR%$98YIg5oxw!9h`1u%xx8Kr!Rb4(8*m$-%VfDUsm&N^e
zhNb79KQ_xwDfZvDX^!q$clsOlF6Ai=_fG5RI`Qy^X@9(@+xJ7_FE=(8yY5Q3JYf=V
z>6fa-_tr>Th&7(y&o@VVR>iWnenI(~?3;K$`0akqr>5m=tRAxKL~*&eP=Lfwzek}r
zmHNxVkGy{IzD0$bU%>L#G^^kFau>FKnZl%^&iM5xx20hBKMuvqTb^VtsF~n->mXDA
gb76+Mdh!1Z9*_IjG-Iz{2PReqPgg&ebxsLQ0Nkj%;{X5v

literal 0
HcmV?d00001

diff --git a/src/uni.scss b/src/uni.scss
index 86df36f..eaf24da 100644
--- a/src/uni.scss
+++ b/src/uni.scss
@@ -74,3 +74,5 @@ $uni-color-subtitle: #555; // 二级标题颜色
 $uni-font-size-subtitle: 18px;
 $uni-color-paragraph: #3f536e; // 文章段落颜色
 $uni-font-size-paragraph: 15px;
+
+$uni-link-color: #287fff;