|
|
@@ -0,0 +1,154 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>APP下载</title>
|
|
|
+ <style type="text/css">
|
|
|
+ * {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ #app {
|
|
|
+ position: relative;
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ #app .bg {
|
|
|
+ width: 100vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ #app .download1 {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, 0%);
|
|
|
+ width: 64vw;
|
|
|
+ height: 12.8vw;
|
|
|
+ line-height: 12.8vw;
|
|
|
+ background: #498EF5;
|
|
|
+ bottom: 27.8vw;
|
|
|
+ color: white;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 6.4vw;
|
|
|
+ border-radius: 48px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ #app .download2 {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, 0%);
|
|
|
+ width: 64vw;
|
|
|
+ height: 12.8vw;
|
|
|
+ line-height: 12.8vw;
|
|
|
+ background: #498EF5;
|
|
|
+ bottom: 10vw;
|
|
|
+ color: white;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 6.4vw;
|
|
|
+ border-radius: 48px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ #app .title {
|
|
|
+ position: absolute;
|
|
|
+ top: 24vw;
|
|
|
+ width: 100%;
|
|
|
+ color: white;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ #app .subtitle {
|
|
|
+ position: absolute;
|
|
|
+ top: 52.5vw;
|
|
|
+ width: 100%;
|
|
|
+ color: white;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ #app #tip {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 1000;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ #app #tip .tip {
|
|
|
+ width: 100vw;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+
|
|
|
+ <div id="app">
|
|
|
+ <div id="tip">
|
|
|
+ <img class="tip" src="./assets/tip.png">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="title">
|
|
|
+ <img style="width: 72vw;" src="./assets/财仝驾考APP1.png">
|
|
|
+ </div>
|
|
|
+ <div class="subtitle">
|
|
|
+ <img style="width: 56.5vw;" src="./assets/文字1.png">
|
|
|
+ </div>
|
|
|
+ <img class="bg" src="./assets/bg1.png">
|
|
|
+ <a href="https://ys.zzxcx.net/apk/sdjkAndroid1.2.2.apk">
|
|
|
+ <div class="download1">
|
|
|
+ 点击下载1
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <a href="https://ys.zzxcx.net/apk/sdjkAndroid1.2.2.apk">
|
|
|
+ <div class="download2">
|
|
|
+ 点击下载(备用)
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <a onclick="openWxDownloadTip()">
|
|
|
+ <div class="download1">
|
|
|
+ 点击下载1
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <a onclick="openWxDownloadTip()">
|
|
|
+ <div class="download2">
|
|
|
+ 点击下载(备用)
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ function is_weixin() {
|
|
|
+ var ua = navigator.userAgent.toLowerCase();
|
|
|
+ if (ua.match(/MicroMessenger/i) == "micromessenger") {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function openWxDownloadTip(){
|
|
|
+ document.getElementById('tip').style.display = 'block'
|
|
|
+
|
|
|
+ }
|
|
|
+ window.onload = function () {
|
|
|
+ if (is_weixin()) {
|
|
|
+ document.querySelectorAll('#app a')[0].style.display = 'none'
|
|
|
+ document.querySelectorAll('#app a')[1].style.display = 'none'
|
|
|
+
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ document.querySelectorAll('#app a')[2].style.display = 'none'
|
|
|
+ document.querySelectorAll('#app a')[3].style.display = 'none'
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+
|
|
|
+
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
