北斗启航科技教育平台登录系统

index.html

@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en" class="w-h-full">
+
+<head>
+  <meta charset="UTF-8">
+  <link rel="icon" href="/favicon.ico">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>北斗启航科技教育平台</title>
+  <style>
+    /* 禁止移动端左右滑动事件 */
+    html {
+      touch-action: none;
+      touch-action: pan-y;
+    }
+  </style>
+</head>
+
+<body class="w-h-full">
+  <div id="app" class="w-h-full text-white"></div>
+  <script type="module" src="/src/main.js"></script>
+  <script>
+    // 禁止移动端左右滑动事件
+    document.addEventListener("touchmove", function (e) {
+      e.preventDefalut()
+    }, {
+      passive: false
+    });
+   
+   
+    var startX, startY;
+    document.addEventListener("touchstart", function (e) {
+   
+      startX = e.targetTouches[0].pageX;
+      startY = e.targetTouches[0].pageY;
+    });
+   
+    document.addEventListener("touchmove", function (e) {
+   
+      var moveX = e.targetTouches[0].pageX;
+      var moveY = e.targetTouches[0].pageY;
+   
+      if (Math.abs(moveX - startX) > Math.abs(moveY - startY)) {
+        e.preventDefault();
+      }
+    }, {
+      passive: false
+    });
+  </script>
+</body>
+
+</html>