修改完成

pages/family/f08-album-detail.vue

@@ -68,7 +68,7 @@
           </view>
         </view>
 
-        <view class="album-upload-action" @click="showUploadNotice">
+        <view class="album-upload-action" @click="toUpload">
           <AppButton block label="添加照片" />
         </view>
       </template>
@@ -93,24 +93,20 @@
       </view>
     </view>
 
-    <AppToast :visible="uploadNoticeVisible" :message="uploadNoticeMessage" />
   </view>
 </template>
 
 <script setup>
 import { ref } from "vue";
-import { onBackPress, onLoad, onUnload } from "@dcloudio/uni-app";
+import { onBackPress, onLoad } from "@dcloudio/uni-app";
 import AppButton from "@/components/AppButton.vue";
-import AppToast from "@/components/AppToast.vue";
 import ModulePageBackground from "@/components/ModulePageBackground.vue";
 import PageHeader from "@/components/PageHeader.vue";
 
 const albumState = ref("normal");
+const albumId = ref("");
 const previewVisible = ref(false);
 const previewIndex = ref(0);
-const uploadNoticeVisible = ref(false);
-const uploadNoticeMessage = "上传照片将在入口接通后开放";
-let uploadNoticeTimer;
 
 const photos = [
   { src: "/static/assets/modules/family/f08/f08-reunion-hero.png", alt: "春节团圆时三代家人的合影", caption: "除夕团圆 · 2024" },
@@ -131,19 +127,17 @@ const closePreview = () => {
   albumState.value = "normal";
 };
 
-const showUploadNotice = () => {
-  uploadNoticeVisible.value = true;
-  clearTimeout(uploadNoticeTimer);
-  uploadNoticeTimer = setTimeout(() => {
-    uploadNoticeVisible.value = false;
-  }, 1800);
-};
+const toUpload = () =>
+  uni.navigateTo({
+    url: `/pages/family/f09-media-upload?albumId=${albumId.value}`,
+  });
 
 const returnToAlbums = () => {
   uni.redirectTo({ url: "/pages/family/f07-album-list" });
 };
 
 onLoad((query) => {
+  albumId.value = query.albumId || "reunion";
   albumState.value =
     query.state === "empty"
       ? "empty"
@@ -161,22 +155,18 @@ onBackPress(() => {
   return true;
 });
 
-onUnload(() => {
-  clearTimeout(uploadNoticeTimer);
-});
 </script>
 
 <style scoped lang="scss">
 .album-detail-page {
-  position: relative;
+  display: flex;
   min-height: 100vh;
-  overflow-x: hidden;
+  flex-direction: column;
   background: $paper;
 }
 .album-detail-header,
 .album-detail-content {
-  position: relative;
-  z-index: 2;
+  z-index: 1;
 }
 .album-detail-content {
   padding: 22rpx 24rpx calc(48rpx + env(safe-area-inset-bottom));
@@ -265,7 +255,6 @@ onUnload(() => {
 }
 .album-empty-state,
 .album-expired-state {
-  position: relative;
   width: 100%;
   min-height: 430rpx;
   box-sizing: border-box;