fix: 修复 选择发布类型 举报说明弹框过高

pages/record-type/index.vue

@@ -20,7 +20,9 @@
       <view style="height: 60rpx" />
 
       <u-modal :show="showReport" title="举报说明" @confirm="onReportConfirm">
-        <rich-text :nodes="content" />
+        <view :style="`max-height: ${modalHeight}rpx; overflow-y: scroll; white-space: pre-wrap`">
+          <rich-text :nodes="content" />
+        </view>
       </u-modal>
     </view>
   </view>
@@ -37,6 +39,12 @@ export default {
     };
   },
 
+  computed: {
+    modalHeight() {
+      return Math.ceil(window.innerHeight * 2 * 0.6);
+    },
+  },
+
   onLoad(query) {
     this.query = query;
     this.fetchPhotoTaskTypeData();

pages/record/index.vue

@@ -20,7 +20,9 @@
         <u-button class="report-btn" @click="onReportClick">举报说明</u-button>
       </view>
 
-      <u-modal :show="showReport" title="举报说明" :content="content" @confirm="onReportConfirm" />
+      <u-modal :show="showReport" title="举报说明" @confirm="onReportConfirm">
+        <view :style="`max-height: ${modalHeight}rpx; overflow-y: scroll; white-space: pre-wrap`">{{ content }}</view>
+      </u-modal>
     </view>
   </view>
 </template>
@@ -54,6 +56,12 @@ export default {
     };
   },
 
+  computed: {
+    modalHeight() {
+      return Math.ceil(window.innerHeight * 2 * 0.6);
+    },
+  },
+
   onLoad(query) {
     this.fetchPhotoTaskTypeData();
     // this.fetchPhotoTaskTypeDetail();