|
@@ -0,0 +1,201 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>极速驾培app下载</title>
|
|
|
+ <style type="text/css">
|
|
|
+ * {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ #app {
|
|
|
+ width: 100%;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .password1{
|
|
|
+ top: 31vw;
|
|
|
+ position: absolute;
|
|
|
+ left: 12.8vw;
|
|
|
+ width: 74vw;
|
|
|
+
|
|
|
+ }
|
|
|
+ .download1{
|
|
|
+ top: 54vw;
|
|
|
+ position: absolute;
|
|
|
+ left: 12.8vw;
|
|
|
+ width: 74vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ .password2{
|
|
|
+ top: 125vw;
|
|
|
+ position: absolute;
|
|
|
+ left: 12.8vw;
|
|
|
+ width: 74vw;
|
|
|
+
|
|
|
+ }
|
|
|
+ .download2{
|
|
|
+ top: 147vw;
|
|
|
+ position: absolute;
|
|
|
+ left: 12.8vw;
|
|
|
+ width: 74vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ .logo1 {
|
|
|
+ width: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 25%;
|
|
|
+ top: 17vw;
|
|
|
+ }
|
|
|
+ .logo2 {
|
|
|
+ width: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 25%;
|
|
|
+ top: 108vw;
|
|
|
+ }
|
|
|
+ .icon1{
|
|
|
+ position: absolute;
|
|
|
+ width: 98vw;
|
|
|
+ left: 1vw;
|
|
|
+ top: 39vw;
|
|
|
+ }
|
|
|
+ .icon2{
|
|
|
+ position: absolute;
|
|
|
+ width: 98vw;
|
|
|
+ left: 1vw;
|
|
|
+ top: 123vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg {
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ font-size: 0;
|
|
|
+ }
|
|
|
+ .qr {
|
|
|
+ position: absolute;
|
|
|
+ top: 121vw;
|
|
|
+ width: 25vw;
|
|
|
+ height: 25vw;
|
|
|
+ left: 37.5vw;
|
|
|
+
|
|
|
+ }
|
|
|
+ .button1 {
|
|
|
+ width: 64vw;
|
|
|
+ line-height: 12.8vw;
|
|
|
+ background: #498EF5;
|
|
|
+ border-radius: 48px;
|
|
|
+ font-size: 6.4vw;
|
|
|
+ position: absolute;
|
|
|
+ top: 125vw;
|
|
|
+ left: 18vw;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .button2 {
|
|
|
+ position: absolute;
|
|
|
+ width: 64vw;
|
|
|
+ line-height: 12.8vw;
|
|
|
+ background: #498EF5;
|
|
|
+ border-radius: 48px;
|
|
|
+ font-size: 6.4vw;
|
|
|
+ top: 145vw;
|
|
|
+ left: 18vw;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div class="#app">
|
|
|
+
|
|
|
+ <img class="bg" src="./assets/bg3.png">
|
|
|
+ <img class="icon1" src="./assets/icon1.png">
|
|
|
+ <!-- <img class="icon2" src="./assets/icon2.png"> -->
|
|
|
+ <img class="logo1" src="https://t1-1305573081.file.myqcloud.com/test/adown/logo2.png">
|
|
|
+ <img class="logo2" src="./assets/logo3.png">
|
|
|
+ <img class="password1" src="./assets/student_password.png">
|
|
|
+ <img class="download1" src="./assets/download_button1.png">
|
|
|
+ <img class="password2" src="./assets/teacher_password.png">
|
|
|
+ <img class="download2" src="./assets/download_button2.png">
|
|
|
+
|
|
|
+ <!-- <img class="qr" src="https://t1-1305573081.file.myqcloud.com/test/adown/qr.png"> -->
|
|
|
+ <!-- <div onclick="downLoadApp1()" class="button1">
|
|
|
+ 点击下载1
|
|
|
+ </div>
|
|
|
+ <div onclick="downLoadApp2()" class="button2">
|
|
|
+ 点击下载2
|
|
|
+ </div> -->
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ var jsjp_android = 'https://t1-1305573081.cos.ap-shanghai.myqcloud.com/apk/fj_student_2.1.5.apk'
|
|
|
+ var ajax = new XMLHttpRequest()
|
|
|
+ ajax.open('get', "https://jsjp-admin.zzxcx.net/jsjp-admin/open-api/gzpt/userInfo/configKey/jsjp_android")
|
|
|
+ ajax.send()
|
|
|
+ ajax.onreadystatechange = function () {
|
|
|
+ if (ajax.status == 200 && ajax.readyState == 4) {
|
|
|
+ jsjp_android = JSON.parse(ajax.responseText).data
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function getPhoneSystem() {
|
|
|
+ var u = navigator.userAgent;
|
|
|
+ if (u.indexOf('Android') > -1) {
|
|
|
+ return 'android'
|
|
|
+ }
|
|
|
+ if (u.indexOf("iPhone") > -1 || u.indexOf("iOS") > -1) {
|
|
|
+ return 'ios';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function isWeixin() {
|
|
|
+ var ua = navigator.userAgent.toLowerCase();
|
|
|
+ if (ua.search('micromessenger') !== -1) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function downLoadApp1() {
|
|
|
+ if (getPhoneSystem() == 'ios') {
|
|
|
+ // window.location.href = 'https://apps.apple.com/us/app/极速驾培/id1214200225'
|
|
|
+ window.location.href = "https://apps.apple.com/cn/app/极速驾培/id1214200225"
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ if (getPhoneSystem() == 'android' && isWeixin() == false) {
|
|
|
+ window.location.href = jsjp_android
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ // window.location.href = "https://itunes.apple.com/cn/app/id1214200225"
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ function downLoadApp2() {
|
|
|
+ if (getPhoneSystem() == 'ios') {
|
|
|
+ // window.location.href = 'https://apps.apple.com/us/app/极速驾培/id1214200225'
|
|
|
+ window.location.href = "https://apps.apple.com/us/app/极速驾培/id1214200225"
|
|
|
+ }
|
|
|
+ if (getPhoneSystem() == 'android' && isWeixin() == false) {
|
|
|
+ window.location.href = jsjp_android
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ // window.location.href = "https://itunes.apple.com/cn/app/id1214200225"
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|