整理一下代码

分享落地页.html

@@ -57,6 +57,7 @@
             height: 16.24rem;
             background-image: url("//yun.duiba.com.cn/polaris/landBg.548680b684c921adc9443e009e6023ab74b4d0a4.jpg");
             background-size: 100% 100%;
+            position: absolute;
         }
 
         .btn {
@@ -68,6 +69,33 @@
             background-image: url("//yun.duiba.com.cn/polaris/%E6%8C%89%E9%92%AE.026f26596b6711d71192d7dc64b34a488cda8cfa.png");
             background-size: 100% 100%;
         }
+
+        .tip {
+            position: fixed;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.7);
+            display: none;
+        }
+
+        .tip_bg {
+            position: absolute;
+            right: 0.37rem;
+            top: 0.2rem;
+            width: 4.7rem;
+            height: 3.5rem;
+        }
+
+        .tip_txt {
+            position: absolute;
+            left: 4.35rem;
+            top: 2.73rem;
+            transform: translate(-50%, -50%);
+            color: #fff;
+            font-size: 0.26rem;
+        }
     </style>
 
 </head>
@@ -78,25 +106,38 @@
 </div>
 
 <div class="tip">
-    <div class="tip_txt"></div>
+    <img class="tip_bg" src="//yun.duiba.com.cn/spark/assets/a0f5d5b5050c33ae50114aa510e737cf1592fd39.png">
+    <div class="tip_txt">请在默认浏览器中打开</div>
 </div>
 
+
 <script>
+    function isWeChat() {
+        const ua = window.navigator.userAgent.toLowerCase()
+        return ua.match(/MicroMessenger/i) == 'micromessenger'
+    }
+
+    function showShareGuide(txt) {
+        const tip = document.querySelector('.tip')
+        tip.style.display = 'block'
+        tip.querySelector('.tip_txt').innerText = txt
+    }
+
     var appActivityId = '20240709'
 
     function clickBtn() {
-        // if (isWeChat()) {
-        //     showShareGuide("请在默认浏览器中打开")
-        // } else {
-        location.href = 'smsczbmbank://push_czbank?tag=thdmktact&activityId=' + appActivityId;
-        setTimeout(() => {
-            const oA = document.createElement("a");
-            oA.href = 'http://m.czbank.com';
-            document.body.appendChild(oA);
-            oA.click();
-            oA.remove();
-        }, 3000);
-        // }
+        if (isWeChat()) {
+            showShareGuide("请在默认浏览器中打开")
+        } else {
+            location.href = 'smsczbmbank://push_czbank?tag=thdmktact&activityId=' + appActivityId;
+            setTimeout(() => {
+                const oA = document.createElement("a");
+                oA.href = 'http://m.czbank.com';
+                document.body.appendChild(oA);
+                oA.click();
+                oA.remove();
+            }, 3000);
+        }
     }