修改手机端缩放图片

jero-web/src/views/phoneView/problemKnowledgeBase.vue

@@ -24,7 +24,7 @@
       </div>
     </div>
 
-    <div class="content" v-html="queryForm.content">
+    <div class="content" id="contentId" v-html="queryForm.content">
 
     </div>
 
@@ -139,7 +139,7 @@
   import { mapGetters } from 'vuex'
   import { kkFileView } from '@/utils/kkfileView'
   import { deleteAction } from '../../api/manage'
-  import { Dialog, Toast } from 'vant'
+  import { Dialog, ImagePreview, Toast } from 'vant'
 
   export default {
     name: 'phoneProblemKnowledgeBase',
@@ -172,6 +172,14 @@
           }
         })
       }
+      this.$nextTick(() => {
+        let contentId = document.getElementById('contentId')
+        contentId.onclick = function(e) {
+          if (e.target.localName == 'img') {
+            ImagePreview([e.target.currentSrc])
+          }
+        }
+      })
       window.addEventListener('scroll', this.scrolling)
       window.addEventListener('mousedown', this.handleonmousedown)
       this.getQueryBy()