Browse Source

Merge branch 'compatible' into test

mo 1 year ago
parent
commit
ae9bddc57f
1 changed files with 79 additions and 70 deletions
  1. 79 70
      index.html

+ 79 - 70
index.html

@@ -26,91 +26,93 @@
   <meta name="msapplication-tap-highlight" content="no" />
   <meta name="referrer" content="no-referrer" />
   <title>老师端</title>
-</head>
-<style>
-  body {
-    background: #f1f5ff;
-    width: 100%;
-  }
-
-  .bgImg {
-    width: 456px;
-  }
-
-  .btnImg {
-    width: 288px;
-    position: absolute;
-    left: 50%;
-    margin-left: -144px;
-    bottom: 31px;
-    cursor: pointer;
-  }
-
-  .imgWrap {
-    width: 456px;
-    position: absolute;
-    top: 141px;
-    left: 50%;
-    margin-left: -288px;
-  }
-
-  /* margin-top: 300px; */
-  .textWrap {
-    margin-top: 300px;
-    text-align: center;
-    width: 500px;
-    position: absolute;
-    top: 141px;
-    left: 50%;
-    margin-left: -288px;
-  }
-
-  .subMsg {
-    margin-top: 32px;
-    font-size: 22px;
-    line-height: 30px;
-    color: #777;
-  }
-
-  .subBtn {
-    width: 231px;
-    height: 62px;
-    background: #198CFE;
-    border-radius: 18px;
-    border: none;
-    font-size: 22px;
-    font-weight: 600;
-    color: #FFFFFF;
-    line-height: 30px;
-    cursor: pointer;
-    margin-top: 32px;
-    list-style: none outside none;
-    text-decoration: none;
-  }
-</style>
-<!-- 按钮 https://gyt.ks3-cn-beijing.ksyuncs.com/basic/1688699779209.png -->
-<!-- 背景 https://gyt.ks3-cn-beijing.ksyuncs.com/basic/1688699993534.png -->
+  <style>
+    body {
+      background: #f1f5ff;
+      width: 100%;
+    }
+
+    .bgImg {
+      width: 456Px;
+      height: 522Px;
+    }
+
+    .btnImg {
+      width: 288Px;
+      position: absolute;
+      left: 50%;
+      margin-left: -144Px;
+      bottom: 31Px;
+      cursor: pointer;
+      z-index: 100;
+
+    }
+
+    .imgWrap {
+      width: 456Px;
+      height: 522Px;
+      margin: 140Px auto 0;
+      position: relative;
+      z-index: 100;
+    }
+
+    /* margin-top: 300px; */
+    .textWrap {
+      margin-top: 140Px;
+      text-align: center;
+      width: 500Px;
+      position: absolute;
+      top: 141Px;
+      left: 50%;
+      margin-left: -288Px;
+    }
+
+    .subMsg {
+      margin-top: 32Px;
+      font-size: 22Px;
+      line-height: 30Px;
+      color: #777;
+    }
+
+    .subBtn {
+      width: 231Px;
+      height: 62Px;
+      background: #198CFE;
+      border-radius: 18Px;
+      border: none;
+      font-size: 22Px;
+      font-weight: 600;
+      color: #FFFFFF;
+      line-height: 30Px;
+      cursor: pointer;
+      margin-top: 32Px;
+      list-style: none outside none;
+      text-decoration: none;
+    }
+  </style>
+  <!-- 按钮 https://gyt.ks3-cn-beijing.ksyuncs.com/basic/1688699779209.png -->
+  <!-- 背景 https://gyt.ks3-cn-beijing.ksyuncs.com/basic/1688699993534.png -->
+
 
-<body class="myBody">
   <script type="text/javascript">
     function gotoLinlk() {
       console.log('点击')
       var agent = navigator.userAgent.toLowerCase();
       var isMac = function () { return /macintosh|mac os x/i.test(navigator.userAgent); }();
       if (agent.indexOf("win32") >= 0 || agent.indexOf("wow32") >= 0) {
-        window.open('https://appstore.ks3-cn-beijing.ksyuncs.com/ChromeStandaloneSetup32.exe')
+        window.open('https://appstore.ks3-cn-beijing.ksyuncs.com/ChromeStandaloneSetup32.exe');
       }
       if (agent.indexOf("win64") >= 0 || agent.indexOf("wow64") >= 0) {
-        window.open('https://appstore.ks3-cn-beijing.ksyuncs.com/ChromeStandaloneSetup64.exe')
+        window.open('https://appstore.ks3-cn-beijing.ksyuncs.com/ChromeStandaloneSetup64.exe');
       }
       if (isMac) {
-        window.open('https://appstore.ks3-cn-beijing.ksyuncs.com/googlechrome-mac.dmg')
+        window.open('https://appstore.ks3-cn-beijing.ksyuncs.com/googlechrome-mac.dmg');
       }
     }
     function getChromeVersion() {
       var arr = navigator.userAgent.split(' ');
       var chromeVersion = '';
-      for (let i = 0; i < arr.length; i++) {
+      for (var i = 0; i < arr.length; i++) {
         if (/chrome/i.test(arr[i])) chromeVersion = arr[i];
       }
       if (chromeVersion) {
@@ -182,7 +184,7 @@
           document.writeln(" <div class='textWrap'><h1>当前浏览器版本过低</h1><p class='subMsg'>为了保证良好的上课体验,推荐您使用谷歌浏览器</p> <button class='subBtn' onclick='gotoLinlk()'>下载谷歌浏览器</button>");
           document.execCommand("Stop");
         } else {
-          document.writeln(" <div class='imgWrap'><img src='https://gyt.ks3-cn-beijing.ksyuncs.com/basic/1688699993534.png' class='bgImg' alt=''><img src='https://gyt.ks3-cn-beijing.ksyuncs.com/basic/1688699779209.png' onclick='gotoLinlk()' class='btnImg' alt=''></div>");
+          document.writeln(" <div class='imgWrap'><img onabort='this.src=this.src' src='https://gyt.ks3-cn-beijing.ksyuncs.com/basic/1688699993534.png' class='bgImg' alt=''><img src='https://gyt.ks3-cn-beijing.ksyuncs.com/basic/1688699779209.png'  onabort='this.src=this.src' onclick='gotoLinlk()' class='btnImg' alt=''></div>");
           document.execCommand("Stop");
         }
       } else {
@@ -199,6 +201,13 @@
 
     })(window);
   </script>
+</head>
+
+<!-- 按钮 https://gyt.ks3-cn-beijing.ksyuncs.com/basic/1688699779209.png -->
+<!-- 背景 https://gyt.ks3-cn-beijing.ksyuncs.com/basic/1688699993534.png -->
+
+<body class="myBody">
+
   <div id="app"></div>
   <script type="module" src="/src/main.ts"></script>