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

pages/family/feed-editor.vue

@@ -365,14 +365,15 @@ onUnload(() => {
 }
 .publish-page__header,
 .publish-panel {
-  @include adaptive-family-content;
   z-index: 1;
 }
 .publish-panel {
+  @include adaptive-family-content;
   width: calc(100% - 32rpx);
-  margin: 18rpx auto 0;
+  margin: 18rpx auto calc(48rpx + env(safe-area-inset-bottom));
   padding: 9%;
   box-sizing: border-box;
+  background-color: rgba($paper, 0.82);
 }
 .publish-form > text,
 .publish-result > text {
@@ -421,11 +422,11 @@ onUnload(() => {
   font-size: clamp(15px, 24rpx, 18px);
 }
 .publish-field input {
-  min-height: 64rpx;
+  min-height: 80rpx;
 }
 .publish-field__value--readonly {
   display: flex;
-  min-height: 76rpx;
+  min-height: 80rpx;
   align-items: center;
   justify-content: space-between;
   margin-top: 12rpx;
@@ -459,6 +460,7 @@ onUnload(() => {
 }
 .upload-button {
   justify-self: start;
+  min-height: 80rpx;
   margin: 0;
   padding: 0 20rpx;
   border: 1rpx solid rgba(159, 23, 15, 0.42);