feat: 完成前端业务闭环与后端联调

pages/family/feed.vue

@@ -113,6 +113,7 @@ const shortcuts = [
   { key: "albums", label: "相册" },
   { key: "rituals", label: "礼仪" },
   { key: "memos", label: "备忘" },
+  { key: "benefactors", label: "家族恩人" },
   { key: "people", label: "人物录" },
   { key: "gifts", label: "贺礼簿" },
   { key: "merits", label: "功德录" },
@@ -239,12 +240,20 @@ const openSection = (key) => {
     albums: "F07",
     rituals: "R05",
     memos: "R10",
+    benefactors: "R10",
     people: "R01",
     gifts: "R03",
     merits: "R11",
     videos: "F10",
   };
-  return openPage(routes[key], { genealogyId: genealogyId.value }, "F01");
+  return openPage(
+    routes[key],
+    {
+      genealogyId: genealogyId.value,
+      ...(key === "benefactors" ? { memoType: "benefactor" } : {}),
+    },
+    "F01",
+  );
 };
 const handlePrimaryAction = () =>
   feedState.value === "error" ? loadFeeds() : toPublish();
@@ -264,7 +273,7 @@ const handlePrimaryAction = () =>
 }
 .feed-content {
   flex: 1;
-  padding: 24rpx 24rpx 190rpx;
+  padding: 24rpx 24rpx calc(190rpx + env(safe-area-inset-bottom));
 }
 .feed-heading text {
   display: block;
@@ -283,8 +292,8 @@ const handlePrimaryAction = () =>
 .feed-shortcuts {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 8rpx;
-  margin-top: 15rpx;
+  gap: 12rpx;
+  margin-top: 18rpx;
 }
 .feed-shortcut {
   box-sizing: border-box;
@@ -312,6 +321,7 @@ const handlePrimaryAction = () =>
   box-sizing: border-box;
   margin-top: 16rpx;
   padding: 30rpx;
+  background-color: rgba($paper, 0.82);
 }
 .feed-card text,
 .feed-state-card text {
@@ -353,14 +363,14 @@ const handlePrimaryAction = () =>
   display: block;
   width: 420rpx;
   max-width: 100%;
-  min-height: 76rpx;
+  min-height: 80rpx;
   margin: 22rpx auto 0;
   padding: 0 24rpx;
   border: 0;
   color: $ink;
   font-size: clamp(14px, 22rpx, 17px);
   font-weight: 700;
-  line-height: 76rpx;
+  line-height: 80rpx;
 }
 .feed-more::after {
   border: 0;
@@ -390,12 +400,12 @@ const handlePrimaryAction = () =>
   @include adaptive-scroll-button(primary);
   width: 514rpx;
   max-width: 100%;
-  min-height: 76rpx;
+  min-height: 80rpx;
   margin: 19rpx auto;
 }
 .feed-action text {
   display: flex;
-  min-height: 76rpx;
+  min-height: 80rpx;
   align-items: center;
   justify-content: center;
   color: #fff9ed;