修改完成

pages/family/f01-family-feed.vue

@@ -22,11 +22,6 @@
         ><text>汤氏家族圈</text><text>家宴、通知与共同记忆</text></view
       >
       <view v-if="feedState !== 'loading'" class="feed-shortcuts">
-        <image
-          class="feed-shortcuts__skin"
-          src="/static/assets/foundation/transparent/a01-scroll-secondary-v3.png"
-          mode="scaleToFill"
-        />
         <view
           v-for="item in shortcuts"
           :key="item.key"
@@ -42,11 +37,6 @@
           class="feed-card"
           @click="openDetail(item)"
         >
-          <image
-            class="feed-card__skin"
-            src="/static/assets/modules/family/transparent/f01-family-letter-card.png"
-            mode="scaleToFill"
-          />
           <view class="feed-card__copy">
             <text class="feed-card__meta"
               >{{ item.tag }} · {{ item.time }}</text
@@ -58,11 +48,7 @@
         </view>
       </template>
       <view v-else-if="feedState !== 'loading'" class="feed-state-card">
-        <image
-          src="/static/assets/modules/family/transparent/f01-family-letter-card.png"
-          mode="scaleToFill"
-        />
-        <view
+        <view class="feed-state-card__copy"
           ><text>{{
             feedState === "empty" ? "还没有家族动态" : "家族动态暂不可用"
           }}</text
@@ -77,10 +63,7 @@
         v-if="feedState !== 'loading'"
         class="feed-action"
         @click="feedState === 'error' ? (feedState = 'list') : toPublish()"
-        ><image
-          src="/static/assets/foundation/transparent/a01-scroll-primary-v3.png"
-          mode="aspectFit"
-        /><text>{{
+        ><text>{{
           feedState === "error" ? "重新查看" : "发布家族动态"
         }}</text></view
       >
@@ -121,6 +104,10 @@ const shortcuts = [
   { key: "albums", label: "相册" },
   { key: "rituals", label: "礼仪" },
   { key: "memos", label: "备忘" },
+  { key: "people", label: "人物录" },
+  { key: "gifts", label: "贺礼簿" },
+  { key: "merits", label: "功德录" },
+  { key: "videos", label: "家族视频" },
 ];
 onLoad((query) => {
   genealogyId.value =
@@ -146,23 +133,29 @@ const openSection = (key) => {
     albums: "/pages/family/f07-album-list",
     rituals: "/pages/records/r05-ritual-list",
     memos: "/pages/records/r10-memo-list",
+    people: "/pages/records/r01-people-list",
+    gifts: "/pages/records/r03-gift-list",
+    merits: "/pages/records/r11-merit-records",
+    videos: "/pages/family/f10-video-list",
   };
-  uni.navigateTo({ url: routes[key] });
+  uni.navigateTo({
+    url: `${routes[key]}?genealogyId=${genealogyId.value}`,
+  });
 };
 </script>
 <style scoped lang="scss">
 .family-page {
-  position: relative;
+  display: flex;
   min-height: 100vh;
-  overflow: hidden;
+  flex-direction: column;
   background: $paper;
 }
 .family-page__header,
 .feed-content {
-  position: relative;
-  z-index: 2;
+  z-index: 1;
 }
 .feed-content {
+  flex: 1;
   padding: 24rpx 24rpx 190rpx;
 }
 .feed-heading text {
@@ -180,23 +173,14 @@ const openSection = (key) => {
   font-size: 23rpx;
 }
 .feed-shortcuts {
-  position: relative;
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   width: 100%;
-  height: 48px;
+  min-height: 48px;
   margin-top: 15rpx;
-}
-.feed-shortcuts__skin {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
+  background: url("/static/assets/foundation/transparent/a01-scroll-secondary-v3.png") center / 100% 100% no-repeat;
 }
 .feed-shortcut {
-  position: relative;
-  z-index: 1;
   width: 100%;
   height: 48px;
   min-height: 44px;
@@ -212,28 +196,17 @@ const openSection = (key) => {
 }
 .feed-card,
 .feed-state-card {
-  position: relative;
   display: flex;
   width: 100%;
-  height: 230rpx;
+  min-height: 230rpx;
   min-height: 98px;
   flex-direction: column;
   justify-content: center;
   margin-top: 17rpx;
   box-sizing: border-box;
-}
-.feed-card__skin,
-.feed-state-card > image,
-.feed-action image {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
+  background: url("/static/assets/modules/family/transparent/f01-family-letter-card.png") center / 100% 100% no-repeat;
 }
 .feed-card__copy {
-  position: relative;
-  z-index: 1;
   padding: 15% 9%;
 }
 .feed-card text {
@@ -265,9 +238,7 @@ const openSection = (key) => {
 .feed-state-card {
   margin-top: 70rpx;
 }
-.feed-state-card > view {
-  position: relative;
-  z-index: 1;
+.feed-state-card__copy {
   padding: 23% 10%;
   box-sizing: border-box;
   text-align: center;
@@ -288,14 +259,13 @@ const openSection = (key) => {
   line-height: 1.45;
 }
 .feed-action {
-  position: relative;
-  width: 100%;
-  height: 76rpx;
-  margin-top: 19rpx;
+  width: 514rpx;
+  max-width: 100%;
+  min-height: 76rpx;
+  margin: 19rpx auto 0;
+  background: url("/static/assets/foundation/transparent/a01-scroll-primary-v3.png") center / 100% 100% no-repeat;
 }
 .feed-action text {
-  position: relative;
-  z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;