样式

package.json

@@ -40,7 +40,6 @@
     "vue-i18n": "^8.14.0",
     "vue-native-share": "^1.0.2",
     "vue-pdf": "^4.0.8",
-    "vue-photo-preview": "^1.1.3",
     "vue-preview": "^1.1.3",
     "vue-qrcode-component": "^2.1.1",
     "vue-quill-editor": "^3.0.6",

src/views/mobile/topic/discussdetail.vue

 <template>
-    <div class="overfolowWrapper" ref="overfolowWrapper" @scroll.passive="getScroll($event)">
+    <div class="wrapper" @scroll.passive="getScroll($event)">
         <mt-loadmore :top-method="loadTop" :bottom-method="loadBottom" :auto-fill="false" :bottom-all-loaded="allLoaded"
                      ref="loadmore">
             <div class="topicContent" v-if="detailInfo">
@@ -956,6 +956,13 @@
 </script>
 
 <style scoped lang="scss">
+    .wrapper{
+        width: 100%;
+        height: calc(100vh - 1.2rem);
+        overflow: auto;
+        margin: 0 auto;
+        word-break: normal;
+    }
     .topicContent {
         .operateWrap {
             position: absolute;