panhui vor 3 Jahren
Ursprung
Commit
a95cf42fde
1 geänderte Dateien mit 26 neuen und 4 gelöschten Zeilen
  1. 26 4
      src/main/resources/static/download_raex_space.html

+ 26 - 4
src/main/resources/static/download_raex_space.html

@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>下载页</title>
-    <script src="/static/js/jquery.min.js"></script>
-    <script src="/static/js/jquery.qrcode.min.js"></script>
+    <script src="js/jquery.min.js"></script>
+    <script src="js/jquery.qrcode.min.js"></script>
     <link href="/static/css/devices.min.css" rel="stylesheet" />
     <style>
       body,
@@ -111,13 +111,23 @@
   <body>
     <div
       class="screen"
+      id="mic"
       style="background-image: url(img/WechatIMG10.png)"
     ></div>
+    <div
+      class="screen"
+      id="phone"
+      style="background-image: url(img/bg2.jpeg)"
+    ></div>
     <div class="btns">
       <a id="pcUrl" class="btn">
         <img src="img/icon_pc.png" alt="" />
         <span>PC版下载</span>
       </a>
+      <a id="androidUrlPhone" class="btn">
+        <img src="img/icon_pc.png" alt="" />
+        <span>PC版下载</span>
+      </a>
       <div id="androidUrl" class="btn">
         <img src="img/icon_Android.png" alt="" />
         <span>Android版下载</span>
@@ -128,6 +138,13 @@
       </div>
     </div>
     <script>
+      if (!/iphone|ipad|android/i.test(navigator.userAgent)) {
+        $("#androidUrlPhone").hide();
+        $("#phone").hide();
+      } else {
+        $("#androidUrl").hide();
+        $("#mic").hide();
+      }
       function generateQRCode(rendermethod, picwidth, picheight, url) {
         $("#qrcode").qrcode({
           render: rendermethod, // 渲染方式有table方式(IE兼容)和canvas方式
@@ -168,8 +185,13 @@
       });
       $.get("/sysConfig/get/space_android_url", function (res) {
         if (res.value !== " ") {
-          $("#androidUrl").css("display", "flex");
-          generateQRCode("canvas", 160, 160, res.value);
+          if (!/iphone|ipad|android/i.test(navigator.userAgent)) {
+            $("#androidUrl").css("display", "flex");
+            generateQRCode("canvas", 160, 160, res.value);
+          } else {
+            $("#androidUrlPhone").attr("href", res.value);
+            $("#androidUrlPhone").css("display", "flex");
+          }
         }
       });
     </script>