Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
xingjinxing
/
realtorEasier-webSite
1
0
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Pārlūkot izejas kodu

feat:增加appdownload的仓库文件

xzh 4 gadi atpakaļ
vecāks
310510a47b
revīzija
375f6b9475
14 mainītis faili ar 636 papildinājumiem un 0 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 124 0
      appDownload/app-download.html
  2. 126 0
      appDownload/app-downloaden.html
  3. BIN
      appDownload/app-link/app-css/fonts/d_icomoon.eot
  4. 29 0
      appDownload/app-link/app-css/fonts/d_icomoon.svg
  5. BIN
      appDownload/app-link/app-css/fonts/d_icomoon.ttf
  6. BIN
      appDownload/app-link/app-css/fonts/d_icomoon.woff
  7. 210 0
      appDownload/app-link/app-css/main.css
  8. 147 0
      appDownload/app-link/app-css/reset.css
  9. BIN
      appDownload/app-link/app-images/android.png
  10. BIN
      appDownload/app-link/app-images/app-logo.png
  11. BIN
      appDownload/app-link/app-images/apple.png
  12. BIN
      appDownload/app-link/app-images/download_pattern_left.png
  13. BIN
      appDownload/app-link/app-images/download_pattern_right.png
  14. BIN
      appDownload/app-link/app-images/qrcode.png

+ 124 - 0
appDownload/app-download.html
Parādīt failu 

@@ -0,0 +1,124 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
 
+  <meta charset="UTF-8">
 
+  <meta http-equiv="Cache-Control" content="no-cache" />
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+  <meta http-equiv="expires" content="0">
 
+  <meta content="telephone=no" name="format-detection">
 
+  <meta name="description" content="世界上首款消费级3D相机—四维看看（4DKanKan）。技术核心三要素：易操作；自动化；高精度。主要应用领域为数字文博、数字地产、数字电商、数字餐饮、数字家居等。">
 
+  <link rel="shortcut icon" href="//4dkk.4dage.com/FDKKIMG/icon/kankan_icon.ico">
 
+  <link rel="icon" type="image/png" href="//4dkk.4dage.com/FDKKIMG/icon/kankan_icon192.png" sizes="192x192">
 
+  <link rel="apple-touch-icon" sizes="180x180" href="//4dkk.4dage.com/FDKKIMG/icon/kankan_icon180.png">
 
+  <link rel="stylesheet" href="./app-link/app-css/reset.css">
 
+  <link rel="stylesheet" href="./app-link/app-css/main.css">
 
+
 
+  <title>四维看看</title>
 
+</head>
 
+
 
+<body>
 
+  <div class="container">
 
+    <div class="bg">
 
+      <img src="./app-link/app-images/download_pattern_left.png" alt="">
 
+      <img class="bg-r" src="./app-link/app-images/download_pattern_right.png" alt="">
 
+    </div>
 
+    <div class="con">
 
+      <div class="c-c">
 
+        <div class="icon-container wrapper">
 
+          <i class="icon-icon_path bg-path"></i>
 
+          <span class="icon">
 
+            <img
 
+              src="./app-link/app-images/app-logo.png"
 
+              itemprop="image">
 
+          </span>
 
+          <span class="qrcode" title="">
 
+            <img
 
+              alt="Scan me!"
 
+              src="./app-link/app-images/qrcode.png"
 
+              style="display: block;">
 
+          </span>
 
+        </div>
 
+        <div class="m-icon">
 
+            <span class="icon">
 
+                <img
 
+                  src="./app-link/app-images/app-logo.png"
 
+                  itemprop="image">
 
+              </span>
 
+        </div>
 
+        <h1 class="name">
 
+          <span class="icon-warp">
 
+            <i class="icon-ios icon-cls"></i>
 
+            四维看看Pro
 
+          </span>
 
+        </h1>
 
+        <div class="scan-tips">
 
+          <p>扫描二维码下载</p>
 
+          <p>或用手机浏览器输入这个网址: <span class="datePublished">https://www.4dkankan.com/app-download.html</span></p>
 
+        </div>
 
+        <div class="release-info">
 
+          <p><span itemprop="softwareVersion">1.4.1</span></p>
 
+          <p>更新于: <span>2020-12-07 09:00</span></p>
 
+          <p class='only-suport'></p>
 
+        </div>
 
+        <div id="btn" class="btn">下载</div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <script>
 
+    function versions() {
 
+      var u = window.navigator.userAgent
 
+      return {
 
+        // IE内核
 
+        trident: u.indexOf('Trident') > -1,
 
+        // opera内核
 
+        presto: u.indexOf('Presto') > -1,
 
+        // 苹果、谷歌内核
 
+        webKit: u.indexOf('AppleWebKit') > -1,
 
+        // 火狐内核
 
+        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1,
 
+        // 是否为移动终端
 
+        mobile: /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent),
 
+        // ios终端
 
+        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
 
+        // android终端或者uc浏览器
 
+        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
 
+        // 是否为iPhone或者安卓QQ浏览器
 
+        iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
 
+        // 是否为iPad
 
+        iPad: u.indexOf('iPad') > -1,
 
+        // 是否为web应用程序，没有头部与底部
 
+        webApp: u.indexOf('Safari') === -1,
 
+        // 是否为微信浏览器
 
+        weixin: ~u.indexOf('MicroMessenger')
 
+      }
 
+    }
 
+    var ua = versions()
 
+    var domicon = document.querySelector('.icon-warp i')
 
+    
+    document.getElementById('btn').addEventListener('click',function (e) {
 
+      if(ua.android){
 
+        location.href = 'https://4dkankan.oss-cn-shenzhen.aliyuncs.com/apps/4dkkpro1.4.1.apk'
 
+      }
 
+      else if(ua.weixin){
 
+        alert('微信/QQ内无法下载应用，请点击右上角，选择"浏览器中打开"')
 
+      }
 
+      else{
 
+        // location.href = "itms-services://?action=download-manifest&url="+encodeURIComponent('https://4dkankan.oss-cn-shenzhen.aliyuncs.com/apps/down.plist')
 
+        location.href = 'https://itunes.apple.com/cn/app/id1489272773?mt=8'
 
+      }
 
+    })
 
+      
+    if(ua.ios){
 
+      domicon.classList.add('icon-ios')
 
+      domicon.classList.remove('icon-android')}
 
+    else{
 
+      domicon.classList.add('icon-android')
 
+      domicon.classList.remove('icon-ios')
 
+      document.querySelector('.only-suport').innerHTML= '仅适用于支持<br/>双频WiFi (IEEE802.11a/ac)  的安卓手机'
 
+    }
 
+  </script>
 
+</body>
 
+
 
+</html>

+ 126 - 0
appDownload/app-downloaden.html
Parādīt failu 

@@ -0,0 +1,126 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
 
+  <meta charset="UTF-8">
 
+  <meta http-equiv="Cache-Control" content="no-cache" />
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+  <meta http-equiv="expires" content="0">
 
+  <meta content="telephone=no" name="format-detection">
 
+  <meta name="description" content="世界上首款消费级3D相机—四维看看（4DKanKan）。技术核心三要素：易操作；自动化；高精度。主要应用领域为数字文博、数字地产、数字电商、数字餐饮、数字家居等。">
 
+  <link rel="shortcut icon" href="//4dkk.4dage.com/FDKKIMG/icon/kankan_icon.ico">
 
+  <link rel="icon" type="image/png" href="//4dkk.4dage.com/FDKKIMG/icon/kankan_icon192.png" sizes="192x192">
 
+  <link rel="apple-touch-icon" sizes="180x180" href="//4dkk.4dage.com/FDKKIMG/icon/kankan_icon180.png">
 
+  <link rel="stylesheet" href="./app-link/app-css/reset.css">
 
+  <link rel="stylesheet" href="./app-link/app-css/main.css">
 
+
 
+  <title>4DKanKan Pro</title>
 
+</head>
 
+
 
+<body>
 
+  <div class="container">
 
+    <div class="bg">
 
+      <img src="./app-link/app-images/download_pattern_left.png" alt="">
 
+      <img class="bg-r" src="./app-link/app-images/download_pattern_right.png" alt="">
 
+    </div>
 
+    <div class="con">
 
+      <div class="c-c">
 
+        <div class="icon-container wrapper">
 
+          <i class="icon-icon_path bg-path"></i>
 
+          <span class="icon">
 
+            <img
 
+              src="./app-link/app-images/app-logo.png"
 
+              itemprop="image">
 
+          </span>
 
+          <span class="qrcode" title="">
 
+            <img
 
+              alt="Scan me!"
 
+              src="./app-link/app-images/qrcode.png"
 
+              style="display: block;">
 
+          </span>
 
+        </div>
 
+        <div class="m-icon">
 
+            <span class="icon">
 
+                <img
 
+                  src="./app-link/app-images/app-logo.png"
 
+                  itemprop="image">
 
+              </span>
 
+        </div>
 
+        <h1 class="name">
 
+          <span class="icon-warp">
 
+            <i class="icon-ios icon-cls"></i>
 
+            4DKankan Pro
 
+          </span>
 
+        </h1>
 
+        <div class="scan-tips">
 
+          <p>Scan the QR code to download</p>
 
+          <p>Please input this URL on your mobile browser.: <span class="datePublished">https://www.4dkankan.com/app-downloaden.html</span></p>
 
+        </div>
 
+        <div class="release-info">
 
+          <p><span itemprop="softwareVersion">1.4.1</span></p>
 
+          <p>Updated on: <span>2020-12-07 09:00</span></p>
 
+          <p class='only-suport'></p>
 
+        </div>
 
+        <div id="btn" class="btn">DownLoad</div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <script>
 
+    function versions() {
 
+      var u = window.navigator.userAgent
 
+      return {
 
+        // IE内核
 
+        trident: u.indexOf('Trident') > -1,
 
+        // opera内核
 
+        presto: u.indexOf('Presto') > -1,
 
+        // 苹果、谷歌内核
 
+        webKit: u.indexOf('AppleWebKit') > -1,
 
+        // 火狐内核
 
+        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1,
 
+        // 是否为移动终端
 
+        mobile: /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent),
 
+        // ios终端
 
+        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
 
+        // android终端或者uc浏览器
 
+        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
 
+        // 是否为iPhone或者安卓QQ浏览器
 
+        iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
 
+        // 是否为iPad
 
+        iPad: u.indexOf('iPad') > -1,
 
+        // 是否为web应用程序，没有头部与底部
 
+        webApp: u.indexOf('Safari') === -1,
 
+        // 是否为微信浏览器
 
+        weixin: ~u.indexOf('MicroMessenger')
 
+      }
 
+    }
 
+    var ua = versions()
 
+    var domicon = document.querySelector('.icon-warp i')
 
+    
+    document.getElementById('btn').addEventListener('click',function (e) {
 
+      if(ua.android){
 
+        location.href = 'https://4dkankan.oss-cn-shenzhen.aliyuncs.com/apps/4dkkpro1.4.1.apk'
 
+      }
 
+      else if(ua.weixin){
 
+        alert('The application cannot be downloaded in WeChat / QQ, please click the upper right corner and select "Open in Browser"')
 
+      }
 
+      else{
 
+        // location.href = "itms-services://?action=download-manifest&url="+encodeURIComponent('https://4dkankan.oss-cn-shenzhen.aliyuncs.com/apps/down.plist')
 
+        location.href = 'https://itunes.apple.com/cn/app/id1489272773?mt=8'
 
+
 
+      }
 
+    })
 
+      
+    if(ua.ios){
 
+      domicon.classList.add('icon-ios')
 
+      domicon.classList.remove('icon-android')
 
+    }
 
+    else{
 
+      domicon.classList.add('icon-android')
 
+      domicon.classList.remove('icon-ios')
 
+      document.querySelector('.only-suport').innerHTML= 'Only for Android phones that support <br/> Dual-band WiFi (IEEE802.11a / ac)'
 
+    }
 
+  </script>
 
+</body>
 
+
 
+</html>

BIN
appDownload/app-link/app-css/fonts/d_icomoon.eot
Parādīt failu


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 29 - 0
appDownload/app-link/app-css/fonts/d_icomoon.svg


BIN
appDownload/app-link/app-css/fonts/d_icomoon.ttf
Parādīt failu


BIN
appDownload/app-link/app-css/fonts/d_icomoon.woff
Parādīt failu


+ 210 - 0
appDownload/app-link/app-css/main.css
Parādīt failu 

@@ -0,0 +1,210 @@
 
+html,body{
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+.container{
 
+  position: relative;
 
+}
 
+
 
+.container,.bg{
 
+  width: 100%;
 
+  height: 100%;
 
+  overflow: hidden;
 
+  position: absolute;
 
+}
 
+
 
+.bg img{
 
+ height: 100%;
 
+}
 
+
 
+
 
+
 
+.bg .bg-r{
 
+  float: right;
 
+}
 
+
 
+.con{
 
+  width: 700px;
 
+  min-height: 700px;
 
+  height: 100%;
 
+  position: relative;
 
+  margin: 0 auto;
 
+  position: relative;
 
+  text-align: center;
 
+}
 
+
 
+.c-c{
 
+  position: absolute;
 
+  top: 50%;
 
+  left: 50%;
 
+  transform: translate(-50%,-50%);
 
+  width: 100%;
 
+}
 
+
 
+.btn{
 
+  display: none;
 
+  padding: 12px 46px;
 
+  min-width: 200px;
 
+  border: 1px solid #32B2A7;
 
+  border-radius: 40px;
 
+  font-size: 14px;
 
+  background: #32B2A7;
 
+  color: #fff;
 
+  text-align: center;
 
+  margin-top: 30px;;
 
+}
 
+
 
+.wrapper{
 
+  width: 300px;
 
+  height: 300px;
 
+  margin: 0 auto;
 
+  position: relative;
 
+}
 
+
 
+.bg-path{
 
+  position: absolute;
 
+  top: 4px;
 
+  left: 4px;
 
+  z-index: -1;
 
+  color: #EFF2F2;
 
+  font-size: 310px;
 
+}
 
+
 
+.icon{
 
+  position: absolute;
 
+  top: 0;
 
+  left: 0;
 
+  padding: 10px;
 
+  width: 140px;
 
+  height: 140px;
 
+  border-radius: 17.54%;
 
+  background-color: #fff;
 
+  display: inline-block;
 
+}
 
+.icon img{
 
+  max-width: 100%;
 
+  width: 120px;
 
+  height: 120px;
 
+  border-radius: 17.54%;
 
+}
 
+.m-icon{
 
+  display: none;
 
+}
 
+
 
+.qrcode{
 
+  position: absolute;
 
+  bottom: -10px;
 
+  right: -10px;
 
+  width: 140px;
 
+  height: 140px;
 
+  border: 20px solid transparent;
 
+  border-radius: 20px;
 
+  transition: all .25s;
 
+  background-color: #EFF2F2;
 
+}
 
+
 
+.qrcode img{
 
+  width: 100%;
 
+  height: 100%;
 
+
 
+}
 
+
 
+.qrcode:hover{
 
+  transform: scale(1.6);
 
+  box-shadow: 0 1px 5px rgba(0,0,0,.3);
 
+}
 
+
 
+.name{
 
+  position: relative;
 
+  margin: 40px auto 10px;
 
+  width: 290px;
 
+  color: #505556;
 
+  text-align: left;
 
+  font-weight: 400;
 
+  font-size: 28px;
 
+
 
+}
 
+
 
+.scan-tips{
 
+  margin: 0 auto;
 
+  width: 290px;
 
+  text-align: left;
 
+  white-space: nowrap;
 
+  line-height: 22px;
 
+  color: #A9B1B3;
 
+  font-size: 14px;
 
+  margin-bottom: 40px;
 
+
 
+}
 
+
 
+.icon-cls{
 
+  position: absolute;
 
+  right: 100%;
 
+  top: 2px;
 
+  margin-right: 10px;
 
+  font-size: 26px;
 
+}
 
+
 
+.release-info{
 
+  border-top: 1px solid #DAE2E3;
 
+  max-width: 500px;
 
+  position: relative;
 
+  margin: 0 auto;
 
+  padding-top: 30px;
 
+}
 
+
 
+.release-info p{
 
+  color: #A9B1B3;
 
+  font-size: 14px;
 
+}
 
+
 
+.datePublished{
 
+  color: #202020;
 
+}
 
+
 
+@media screen and (max-width: 768px) {
 
+  .bg img{
 
+    height: 40%;
 
+  }
 
+  .con{
 
+    width: 100%;
 
+  }
 
+  .c-c{
 
+    width: 90%;
 
+  }
 
+  .wrapper{
 
+    display: none;
 
+  }
 
+  .m-icon{
 
+    width: 100%;
 
+    display: block;
 
+    text-align: center;
 
+  }
 
+  .icon{
 
+    position: static;
 
+  }
 
+  .name{
 
+    width: 100%;
 
+    text-align: center;
 
+    margin-bottom: 30px;
 
+  }
 
+  .icon-cls{
 
+    position: static;
 
+    margin: 0;
 
+  }
 
+  .scan-tips{
 
+    display: none;
 
+  }
 
+  .release-info{
 
+    width: 100%;
 
+  }
 
+  .btn{
 
+    display: inline-block;
 
+  }
 
+}
 
+
 
+@media screen and (max-width: 330px) {
 
+  .c-c{
 
+    top: 35%;
 
+  }
 
+}

+ 147 - 0
appDownload/app-link/app-css/reset.css
Parādīt failu 

@@ -0,0 +1,147 @@
 
+/* reset */
 
+html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
 
+header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
 
+table{border-collapse:collapse;border-spacing:0;}
 
+caption,th{text-align:left;font-weight:normal;}
 
+html,body,fieldset,img,iframe,abbr{border:0;}
 
+i,cite,em,var,address,dfn{font-style:normal;}
 
+[hidefocus],summary{outline:0;}
 
+li{list-style:none;}
 
+h1,h2,h3,h4,h5,h6,small{font-size:100%;}
 
+sup,sub{font-size:83%;}
 
+pre,code,kbd,samp{font-family:inherit;}
 
+q:before,q:after{content:none;}
 
+textarea{overflow:auto;resize:none;}
 
+label,summary{cursor:default;}
 
+a,button{cursor:pointer;}
 
+h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
 
+del,ins,u,s,a,a:hover{text-decoration:none;}
 
+body,textarea,input,button,select,keygen,legend{font:14px/1.14;outline:0;}
 
+body{background:#fff;}
 
+*{box-sizing: border-box}
 
+a{text-decoration: none;}
 
+
 
+html,body{
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+::-webkit-scrollbar {
 
+  width: 8px;
 
+  height: 8px;
 
+}
 
+
 
+::-webkit-scrollbar-thumb {
 
+  height: 50px;
 
+  background-color: #ddd;
 
+  -webkit-border-radius: 4px;
 
+  outline: 2px solid #fff;
 
+  outline-offset: -2px;
 
+}
 
+
 
+::-webkit-scrollbar-thumb:hover {
 
+  height: 50px;
 
+  background-color: #9f9f9f;
 
+  -webkit-border-radius: 4px;
 
+}
 
+
 
+
 
+@font-face {
 
+  font-family: d_icomoon;
 
+  src: url(./fonts/d_icomoon.eot?33id3j);
 
+  src: url(./fonts/d_icomoon.eot?33id3j#iefix) format("embedded-opentype"),url(./fonts/d_icomoon.ttf?33id3j) format("truetype"),url(./fonts/d_icomoon.woff?33id3j) format("woff"),url(./fonts/d_icomoon.svg?33id3j#d_icomoon) format("svg");
 
+  font-weight: 400;
 
+  font-style: normal
 
+}
 
+
 
+[class*=" icon-"],[class^=icon-] {
 
+  font-family: d_icomoon!important;
 
+  speak: none;
 
+  font-style: normal;
 
+  font-weight: 400;
 
+  font-variant: normal;
 
+  text-transform: none;
 
+  line-height: 1;
 
+  -webkit-font-smoothing: antialiased;
 
+  -moz-osx-font-smoothing: grayscale
 
+}
 
+
 
+.desc-section pre,.releases-section .release-view .version-info .changelog .wrapper,body,html {
 
+  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif
 
+}
 
+
 
+.icon-loading:before {
 
+  content: "\e64d"
 
+}
 
+
 
+.icon-android_store:before {
 
+  content: "\e600"
 
+}
 
+
 
+.icon-android:before {
 
+  content: "\e601"
 
+}
 
+
 
+.icon-icon_path:before {
 
+  content: "\e602"
 
+}
 
+
 
+.icon-ios_store:before {
 
+  content: "\e603"
 
+}
 
+
 
+.icon-ios:before {
 
+  content: "\e604"
 
+}
 
+
 
+.icon-qrcode:before {
 
+  content: "\e605"
 
+}
 
+
 
+.icon-brace-left:before {
 
+  content: "\e613"
 
+}
 
+
 
+.icon-brace-right:before {
 
+  content: "\e617"
 
+}
 
+
 
+.icon-comma-eye:before {
 
+  content: "\e618"
 
+}
 
+
 
+.icon-mouth:before {
 
+  content: "\e619"
 
+}
 
+
 
+.icon-upload:before {
 
+  content: "\e631"
 
+}
 
+
 
+.icon-close:before {
 
+  content: "\e63b"
 
+}
 
+
 
+.icon-Downloading:before {
 
+  content: "\e900"
 
+}
 
+
 
+.icon-refresh:before {
 
+  content: "\e901"
 
+}
 
+
 
+.icon-download:before {
 
+  content: "\e902"
 
+}
 
+
 
+.icon-text:before {
 
+  content: "\e922"
 
+}
 
+
 
+.icon-plus:before {
 
+  content: "\e92b"
 
+}
 
+
 
+.icon-pdf:before {
 
+  content: "\eadf"
 
+}

BIN
appDownload/app-link/app-images/android.png
Parādīt failu


BIN
appDownload/app-link/app-images/app-logo.png
Parādīt failu


BIN
appDownload/app-link/app-images/apple.png
Parādīt failu


BIN
appDownload/app-link/app-images/download_pattern_left.png
Parādīt failu


BIN
appDownload/app-link/app-images/download_pattern_right.png
Parādīt failu


BIN
appDownload/app-link/app-images/qrcode.png
Parādīt failu