修改手机端缩放图片

jero-web/public/index.html

@@ -5,7 +5,7 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="renderer" content="webkit">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=yes">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=no">
   <title>蔚来全球法规平台</title>
   <!--<link rel="icon" href="<%= BASE_URL %>logo.png">-->
   <script src="<%= BASE_URL %>cdn/babel-polyfill/polyfill_7_2_5.js"></script>

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()