zc

src/App.vue

@@ -22,22 +22,51 @@
     //   new DevicePixelRatio().init()
     // },
     mounted(){
-      let cssText1 = '.el-dialog{transform:scale('+document.documentElement.clientWidth / 1920+')}'
-      let cssText2 = '.el-message-box{transform:scale('+document.documentElement.clientWidth / 1920+')}'
-      let cssText3 = '.el-tooltip__popper{transform:scale('+document.documentElement.clientWidth / 1920+')}'
-      this.insertCSS(cssText1);
-      this.insertCSS(cssText2);
-      this.insertCSS(cssText3);
+      this.banZoom();
+      // let cssText1 = '.el-dialog{transform:scale('+document.documentElement.clientWidth / 1920+')}'
+      // let cssText2 = '.el-message-box{transform:scale('+document.documentElement.clientWidth / 1920+')}'
+      // let cssText3 = '.el-tooltip__popper{transform:scale('+document.documentElement.clientWidth / 1920+')}'
+      // this.insertCSS(cssText1);
+      // this.insertCSS(cssText2);
+      // this.insertCSS(cssText3);
       document.getElementById('app').style.transform = `scale(${document.documentElement.clientWidth / 1920})`;
       document.getElementById('app').style.height = (window.innerHeight/(document.documentElement.clientWidth / 1920*100))*100+'px';
       window.onresize = () => {
         return (() => {
           document.getElementById('app').style.transform = `scale(${document.documentElement.clientWidth / 1920})`;
           document.getElementById('app').style.height = (window.innerHeight/(document.documentElement.clientWidth / 1920*100))*100+'px';
+
         })();
       };
     },
     methods:{
+      banZoom(){
+        // 禁止通过 ctrl + +/- 和  ctrl + 滚轮 对页面进行缩放
+        document.addEventListener('keydown', function (event) {
+          if ((event.ctrlKey === true || event.metaKey === true) &&
+            (event.which === 61 || event.which === 107 ||
+              event.which === 173 || event.which === 109 ||
+              event.which === 187 || event.which === 189)) {
+            event.preventDefault()
+          }
+        }, false)
+        // Chrome IE 360
+        window.addEventListener('mousewheel', function (event) {
+          if (event.ctrlKey === true || event.metaKey) {
+            event.preventDefault()
+          }
+        }, {
+          passive: false
+        })
+        // firefox
+        window.addEventListener('DOMMouseScroll', function (event) {
+          if (event.ctrlKey === true || event.metaKey) {
+            event.preventDefault()
+          }
+        }, {
+          passive: false
+        })
+      },
       insertCSS (cssStyle) {
         var style = document.createElement("style");
         var theHead = document.head || document.getElementsByTagName('head')[0];

src/layout/index.vue

@@ -13,9 +13,9 @@
           </div>
         </transition>
         <app-main />
-        <right-panel>
-          <settings />
-        </right-panel>
+        <!--<right-panel>-->
+          <!--<settings />-->
+        <!--</right-panel>-->
       </div>
     </div>
   </div>