From 9a5079062959022ee4314bf2719b8cd32974b1f7 Mon Sep 17 00:00:00 2001
From: fangxiang <fangxiang@cloudview.work>
Date: Thu, 22 Sep 2022 19:58:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dipad=E4=B8=8B=E6=97=A0?=
 =?UTF-8?q?=E6=B3=95=E6=9B=B4=E6=96=B0=E5=85=A8=E5=B1=8F=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E7=9A=84BUG=E3=80=82=E7=A6=81=E7=94=A8ipad=E5=8F=8C=E5=87=BB?=
 =?UTF-8?q?=E6=94=BE=E5=A4=A7=E5=8A=9F=E8=83=BD=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue             | 31 +++++++++++++++++++++++++++++++
 src/index.template.html |  4 ++++
 src/pad/Login.vue       |  6 +++---
 src/pad/MainLayout.vue  | 13 +++++++++++++
 4 files changed, 51 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 13643dd..560aa43 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -241,6 +241,37 @@ export default defineComponent({
 
     $store.commit("updateLandspace", landspace());
 
+    if (
+      $q.platform.is.ios ||
+      $q.platform.is.ipad ||
+      $q.platform.is.safari ||
+      $q.platform.is.iphone
+    ) {
+      // 阻止双击放大
+      var lastTouchEnd = 0;
+      document.addEventListener("touchstart", function (event: any) {
+        if (event.touches.length > 1) {
+          event.preventDefault();
+        }
+      });
+      document.addEventListener(
+        "touchend",
+        function (event) {
+          var now = new Date().getTime();
+          if (now - lastTouchEnd <= 300) {
+            event.preventDefault();
+          }
+          lastTouchEnd = now;
+        },
+        false
+      );
+
+      // 阻止双指放大
+      document.addEventListener("gesturestart", function (event) {
+        event.preventDefault();
+      });
+    }
+
     return {};
   },
 });
diff --git a/src/index.template.html b/src/index.template.html
index d3c7fce..4b1984f 100644
--- a/src/index.template.html
+++ b/src/index.template.html
@@ -16,6 +16,10 @@
     <meta name="screen-orientation" content="landscape" />
     <meta name="x5-orientation" content="landscape" />
     <meta name="google" content="notranslate" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
 
     <script>
       /*@cc_on window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/
diff --git a/src/pad/Login.vue b/src/pad/Login.vue
index 5774a54..9885346 100644
--- a/src/pad/Login.vue
+++ b/src/pad/Login.vue
@@ -404,7 +404,7 @@ export default defineComponent({
     const data = reactive(new _Data());
 
     const ____temp = $q.fullscreen.isActive;
-    const full_screen = ref(____temp);
+    const full_screen = computed(() => $q.fullscreen.isActive);
 
     try {
       (window as any).setPadTheme();
@@ -432,8 +432,9 @@ export default defineComponent({
       set: (val) => null,
     });
 
+    $store.commit("updateLandspace", window.innerWidth > window.innerHeight);
     EventBus.getInstance().on(EventNamesDefine.WindowResize, () => {
-      landspace.value = window.innerHeight < window.innerWidth;
+      $store.commit("updateLandspace", window.innerWidth > window.innerHeight);
     });
 
     onMounted(() => {
@@ -660,7 +661,6 @@ export default defineComponent({
             });
           }
 
-          full_screen.value = $q.fullscreen.isActive;
           return;
         }
         if ($q.fullscreen.isActive) {
diff --git a/src/pad/MainLayout.vue b/src/pad/MainLayout.vue
index ba8fa24..09fdabe 100644
--- a/src/pad/MainLayout.vue
+++ b/src/pad/MainLayout.vue
@@ -71,6 +71,19 @@
   </q-layout>
 </template>
 
+<style>
+html,
+body {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0px;
+  right: 0px;
+}
+</style>
 <script lang="ts">
 import { defineComponent, ref } from "vue";