完成50%

pages/profile/m01-profile-home.vue

@@ -10,6 +10,7 @@
     <ModulePageBackground module="profile" />
     <view class="profile-page__header">
       <PageHeader
+        root
         title="我的"
         :action="profileState === 'ready' ? '资料' : ''"
         @action="toProfile"
@@ -40,9 +41,9 @@
                 mode="aspectFit"
               />
               <view class="profile-identity__copy">
-                <text class="profile-identity__name">汤文清</text>
-                <text class="profile-identity__role">汤氏家谱 · 家谱成员</text>
-                <text class="profile-identity__phone">139****6421</text>
+                <text class="profile-identity__name">{{ currentUser.name }}</text>
+                <text class="profile-identity__role">{{ currentUser.role }}</text>
+                <text class="profile-identity__phone">{{ currentUser.phone }}</text>
               </view>
             </view>
           </view>
@@ -56,7 +57,7 @@
         >
           <view class="profile-scroll-notice__copy">
             <text>待你处理</text>
-            <text>2 条家谱提醒与审核通知</text>
+            <text>{{ unreadCount }} 条家谱提醒与审核通知</text>
           </view>
         </view>
 
@@ -121,44 +122,52 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { computed, ref } from "vue";
 import { onLoad } from "@dcloudio/uni-app";
 import AppButton from "@/components/AppButton.vue";
 import AppTabbar from "@/components/AppTabbar.vue";
 import ModulePageBackground from "@/components/ModulePageBackground.vue";
 import PageHeader from "@/components/PageHeader.vue";
+import {
+  currentUser,
+  listNotificationFixtures,
+} from "@/data/mock.js";
+import { openPage } from "@/utils/navigation.js";
 
 const profileState = ref("ready");
+const unreadCount = computed(
+  () => listNotificationFixtures().filter((notice) => notice.unread).length,
+);
 const menuItems = [
   {
     label: "账号与安全",
-    note: "密码、手机与设备",
+    note: "密码与手机号",
     icon: "/static/assets/modules/auth/transparent/a01-icon-lock-v1.png",
-    url: "/pages/profile/m03-security-settings",
+    routeKey: "M03",
   },
   {
     label: "帮助与反馈",
     note: "使用说明与问题反馈",
     icon: "/static/assets/foundation/transparent/notice.png",
-    url: "/pages/profile/m06-help-center",
+    routeKey: "M06",
   },
   {
     label: "关于家谱",
     note: "协议、隐私与版本",
     icon: "/static/assets/foundation/transparent/brand-seal.png",
-    url: "/pages/profile/m10-about-settings",
+    routeKey: "M10",
   },
   {
     label: "邀请家人",
-    note: "邀请码与家谱推广",
+    note: "邀请规则与接入状态",
     icon: "/static/assets/foundation/transparent/brand-seal.png",
-    url: "/pages/profile/m08-promotion",
+    routeKey: "M08",
   },
   {
     label: "服务与订单",
     note: "权益说明与订单记录",
     icon: "/static/assets/foundation/transparent/notice.png",
-    url: "/pages/profile/m09-vip-orders",
+    routeKey: "M09",
   },
 ];
 
@@ -169,11 +178,10 @@ onLoad((query) => {
 const restoreProfile = () => {
   profileState.value = "ready";
 };
-const toProfile = () =>
-  uni.navigateTo({ url: "/pages/profile/m02-edit-profile" });
-const toNotifications = () =>
-  uni.navigateTo({ url: "/pages/notification/n01-message-center" });
-const openItem = (item) => uni.navigateTo({ url: item.url });
+const toProfile = () => openPage("M02", {}, "M01");
+const toNotifications = () => openPage("N01", {}, "M01");
+const openItem = (item) =>
+  item.routeKey ? openPage(item.routeKey, {}, "M01") : Promise.resolve(false);
 </script>
 
 <style scoped lang="scss">