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

pages/family/albums.vue

@@ -42,6 +42,7 @@
           <text>{{ item.name }}</text>
           <text v-if="item.description">{{ item.description }}</text>
           <text>{{ item.photoCount }} 张照片</text>
+          <text v-if="item.createTime">创建于 {{ formatMinuteTimestamp(item.createTime) }}</text>
           <view
             v-if="item.canEdit || item.canDelete"
             class="album-card__actions"
@@ -118,9 +119,9 @@
       :visible="deleteConfirmationVisible"
       :close-on-mask="false"
       eyebrow="删除确认"
-      title="删除这个相册？"
-      message="相册中的照片也可能无法恢复，请确认已另行保存。"
-      confirm-text="确认删除"
+      title="将这个相册移至回收站？"
+      message="相册和其中照片将不再展示，家谱管理员可在保留期内恢复。"
+      confirm-text="移至回收站"
       cancel-text="保留相册"
       show-cancel
       @confirm="deleteAlbum"
@@ -143,6 +144,7 @@ import {
 } from "@/services/api/request-controller.js";
 import { familyMediaApi } from "@/services/api/family-media-service.js";
 import { getRequestErrorMessage } from "@/services/api/request-error-message.js";
+import { formatMinuteTimestamp } from "@/utils/display-time.js";
 import {
   isImagePickCancelled,
   pickAndUploadImage,
@@ -387,11 +389,12 @@ onUnload(() => {
   z-index: 1;
 }
 .album-list-content {
-  padding: 18rpx 24rpx 72rpx;
+  padding: 18rpx 24rpx calc(72rpx + env(safe-area-inset-bottom));
 }
 .album-state-card,
 .album-card {
   @include adaptive-family-content;
+  background-color: rgba($paper, 0.82);
 }
 .album-state-card {
   min-height: 340rpx;
@@ -434,7 +437,7 @@ onUnload(() => {
 .album-list {
   display: flex;
   flex-direction: column;
-  gap: 16rpx;
+  gap: 20rpx;
 }
 .album-card {
   padding: 28rpx 30rpx;
@@ -477,7 +480,7 @@ onUnload(() => {
   font-size: clamp(15px, 24rpx, 18px);
 }
 .album-dialog-field input {
-  min-height: 76rpx;
+  min-height: 80rpx;
   padding-top: 0;
   padding-bottom: 0;
 }