Преглед на файлове

新增打开app引导页

heyang преди 3 години
родител
ревизия
a6c8bca420
променени са 2 файла, в които са добавени 64 реда и са изтрити 7 реда
  1. 38 0
      microserviceUserH5/static/css/webOnServer.css
  2. 26 7
      microserviceUserH5/vcloud/shortcut/webOnServer.html

+ 38 - 0
microserviceUserH5/static/css/webOnServer.css

@@ -74,6 +74,7 @@ ul, li {
 
 .app-text{
   width: 2rem;
+  text-align: center;
   font-size: 0.32rem;
 }
 
@@ -134,4 +135,41 @@ ul, li {
   left: 50%;
   bottom: -0.56rem;
   margin-left: -0.21rem;
+}
+
+.entry-container{
+  width: 7.5rem;
+  height: 100vh;
+  background: #F2F2F2;
+  margin: 0 auto;
+  display: none;
+}
+
+.entry-title{
+  padding-top: 2rem;
+  font-size: 0.24rem;
+  text-align: center;
+}
+
+.entry-app{
+  width: 2rem;
+  margin: 0 auto;
+  padding-top: 0.3rem;
+}
+
+.bottom-btn{
+  display: none;
+  width: 7rem;
+  height: 0.88rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0 auto;
+  background-color: blue;
+  color: #FFFFFF;
+  font-size: 0.28rem;
+  position: fixed;
+  bottom: 0.3rem;
+  margin-left: 0.25rem;
+  border-radius: 0.08rem;
 }

+ 26 - 7
microserviceUserH5/vcloud/shortcut/webOnServer.html

@@ -7,7 +7,7 @@
     <meta content="text/html charset=UTF-8" http-equiv="Content-Type" />
     <meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
-	<link rel="icon" href="../../static/img/favicon2.ico" type="img/x-ico">
+    <link rel='apple-touch-icon' href='22'>
 	<link rel="stylesheet" href="../../static/css/webOnServer.css">
     <!--快捷方式默认图标:icon-->
     <title>双子星</title>
@@ -45,9 +45,21 @@
             <img class="down-img" src="../../static/img/webOnServer/down.png" />
         </div>
     </div>
+    <div class="entry-container">
+        <div class="entry-title">您即将进入</div>
+        <div class="entry-app">
+            <img class="app-img" src="" />
+            <div class="app-text"></div>
+        </div>
+        <div class="bottom-btn">立即进入</div>
+    </div>
 </body>
 <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.1.1/jquery.min.js"></script>
 <script>
+    const container = document.getElementsByClassName("container")[0],
+          entryContainer = document.getElementsByClassName("entry-container")[0],
+          appImg = document.getElementsByClassName("app-img")[0],
+          appText = document.getElementsByClassName("app-text")[0];
     (function ($) {
         $.extend({
             urlGet: function () {
@@ -80,15 +92,22 @@
         if (window.navigator.standalone == true) {
             var lnk = document.getElementById("qbt").click();
             // todo 点击快捷方式 打开app引导页 样式
-        }
-        else {
-            const appImg = document.getElementsByClassName("app-img")[0];
-            const appText = document.getElementsByClassName("app-text")[0];
-            appImg.src= icon;
-            appText.innerText = name || '';
+            container.style.display = 'none';
+            entryContainer.style.display = 'block';
+        } else {
             // todo 添加快捷方式引导页 样式
+            container.style.display = 'block';
+            entryContainer.style.display = 'none';
         }
 
+        appImg.src= icon;
+        appText.innerText = name || '';
+
+        //立即进入按钮点击
+        $('.bottom-btn')[0].addEventListener('click',btnHande,false);
+        function btnHande(){
+            document.getElementById("qbt").click();
+        }
     })(jQuery);
 </script>