设计完成30%

pages/notification/n01-message-center.vue

@@ -22,10 +22,14 @@ onMounted(async () => {
   }
 })
 const read = async (item) => {
-  if (!item.unread) return
+  if (!item.unread) {
+    uni.navigateTo({ url: `/pages/notification/n02-message-detail?id=${item.id}` })
+    return
+  }
   try {
     await appApi.markNotificationRead(item.id)
     item.unread = false
+    uni.navigateTo({ url: `/pages/notification/n02-message-detail?id=${item.id}` })
   } catch (error) {
     uni.showToast({ title: error.message || '标记已读失败', icon: 'none' })
   }

pages/notification/n02-message-detail.vue

@@ -0,0 +1,3 @@
+<!-- 页面编号：N-02；用途：消息详情、已读与空状态。 -->
+<template><ModulePage page-id="n02" /></template>
+<script setup>import ModulePage from '@/components/ModulePage.vue'</script>