修改完成

pages/family/f02-publish-feed.vue

@@ -10,19 +10,13 @@
     ><ModulePageBackground module="family" /><view class="publish-page__header"
       ><PageHeader title="发布动态" /></view
     ><view class="publish-panel"
-      ><image
-        class="publish-panel__skin"
-        src="/static/assets/modules/family/transparent/module-content-frame.png"
-        mode="scaleToFill" /><view
+      ><view
         v-if="publishState === 'form'"
         class="publish-form"
         ><text>记录此刻</text
         ><text>分享通知、活动、家族故事或一段共同记忆。</text
         ><view class="publish-field"
-          ><image
-            src="/static/assets/modules/family/transparent/module-field-frame.png"
-            mode="scaleToFill"
-          /><textarea
+          ><textarea
             v-model="content"
             maxlength="300"
             placeholder="写下想对家人说的话"
@@ -87,15 +81,14 @@ onUnmounted(() => {
 </script>
 <style scoped lang="scss">
 .publish-page {
-  position: relative;
+  display: flex;
   min-height: 100vh;
-  overflow: hidden;
+  flex-direction: column;
   background: $paper;
 }
 .publish-page__header,
 .publish-panel {
-  position: relative;
-  z-index: 2;
+  z-index: 1;
 }
 .publish-panel {
   width: calc(100% - 32rpx);
@@ -103,18 +96,7 @@ onUnmounted(() => {
   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: relative;
-  z-index: 1;
+  background: url("/static/assets/modules/family/transparent/module-content-frame.png") center / 100% 100% no-repeat;
 }
 .publish-form > text,
 .publish-result > text {
@@ -135,25 +117,16 @@ onUnmounted(() => {
   line-height: 1.6;
 }
 .publish-field {
-  position: relative;
   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;
+  background: url("/static/assets/modules/family/transparent/module-field-frame.png") center / 100% 100% no-repeat;
 }
 .publish-field textarea {
-  position: relative;
-  z-index: 1;
   width: 100%;
-  height: 200rpx;
+  min-height: 200rpx;
   color: $ink;
   font-size: 24rpx;
   line-height: 1.7;