保存视觉审核与文档流迁移进度

pages/family/f02-publish-feed.vue

@@ -99,19 +99,22 @@ onUnmounted(() => {
 }
 .publish-panel {
   width: calc(100% - 32rpx);
-  height: min(640px, calc((100vw - 16px) * 1.48));
+  min-height: min(640px, calc((100vw - 16px) * 1.48));
   margin: 18rpx auto 0;
+  padding: 9%;
+  box-sizing: border-box;
 }
 .publish-panel__skin {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
+  pointer-events: none;
 }
 .publish-form,
 .publish-result {
-  position: absolute;
-  inset: 9% 9%;
+  position: relative;
+  z-index: 1;
 }
 .publish-form > text,
 .publish-result > text {
@@ -133,20 +136,23 @@ onUnmounted(() => {
 }
 .publish-field {
   position: relative;
-  height: 250rpx;
+  display: flex;
+  min-height: 250rpx;
   margin-top: 24rpx;
+  padding: 25rpx;
+  box-sizing: border-box;
 }
 .publish-field image {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
+  pointer-events: none;
 }
 .publish-field textarea {
-  position: absolute;
-  inset: 25rpx;
+  position: relative;
   z-index: 1;
-  width: auto;
+  width: 100%;
   height: 200rpx;
   color: $ink;
   font-size: 24rpx;
@@ -159,7 +165,7 @@ onUnmounted(() => {
   margin-top: 24rpx;
 }
 .publish-result {
-  top: 29%;
+  margin-top: 20%;
   text-align: center;
 }
 .publish-result > .app-button {