app.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  6. <title>APP下载</title>
  7. <link rel="stylesheet" href="/resource/style4wx_1/extend/jqweui8.2/lib/weui.min.css?v=1" />
  8. <link rel="stylesheet" href="/resource/style4wx_1/extend/jqweui8.2/css/jquery-weui.min.css" />
  9. <link rel="stylesheet" type="text/css" href="/resource/style4wx_1/font/iconfont.css"/>
  10. <link rel="stylesheet" href="/resource/style4wx_1/css/base-wx.css" />
  11. <script type="text/javascript" src="/resource/style4wx_1/extend/jquery-2.1.4.min.js" ></script>
  12. <script type="text/javascript" src="/resource/style4wx_1/extend/jqweui8.2/js/jquery-weui.min.js" ></script>
  13. <script type="text/javascript" src="/resource/style4wx_1/extend/jqweui8.2/lib/fastclick.js" ></script>
  14. <script type="text/javascript">
  15. $(function() {
  16. FastClick.attach(document.body);
  17. });
  18. if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent.toLowerCase())) {
  19. } else {
  20. window.location.href = "/view_app/app3.html";
  21. }
  22. </script>
  23. <style type="text/css">
  24. body{
  25. background-image:url('./download_app.png');
  26. background-size: cover;
  27. }
  28. /* .box1{
  29. float:left;
  30. position:relative;
  31. margin-top: 85%;
  32. left:50%;
  33. }
  34. .box1 button{
  35. float:left;
  36. position:relative;
  37. right:50%;
  38. }
  39. .box1 button img{
  40. float:left;
  41. position:relative;
  42. top: 50%;
  43. transform: translateY(11%);
  44. right:-6%;
  45. }
  46. .box2{
  47. float:left;
  48. position:relative;
  49. margin-top: 95%;
  50. left:9%;
  51. }
  52. .box2 button{
  53. float:left;
  54. position:relative;
  55. right:50%;
  56. }
  57. .box2 button img{
  58. float:left;
  59. position:relative;
  60. right:-6%;
  61. top: 50%;
  62. transform: translateY(11%);
  63. } */
  64. .box{
  65. width:150px;
  66. margin:0 auto;
  67. margin-top:85%;
  68. text-align:center;
  69. }
  70. .wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 998; display: none;}
  71. .wxtip-icon{width: 52px; height: 67px; background: url(weixin-tip.png) no-repeat; display: block; position: absolute; right: 20px; top: 20px;}
  72. .wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;}
  73. </style>
  74. </head>
  75. <body>
  76. <div class="box">
  77. <button id="xxxxxx" value="Download" style="border:1px #ff0000 solid; vertical-align:middle; background-color: white; width:150px; height: 30px; border-radius:25px; line-height:30px; display: block;" onclick="downloadAndroid();">
  78. <img src="andirod.png" style="width:15px; height:20px; margin-left: -15px; transform: translateY(11%);"/>&nbsp;&nbsp;&nbsp;Android版下载
  79. </button>
  80. <button id="yyyyyy" value="Download" style="border:1px #ff0000 solid; vertical-align:middle; background-color: #F44D59; margin-top:10px; width:150px; height: 30px; border-radius:25px; line-height:30px; color: white; display: block;" onclick="downloadApple();">
  81. <img src="apple.png" style="width:15px; height:20px; margin-left: -15px; transform: translateY(11%);"/>&nbsp;&nbsp;&nbsp;iphone版下载
  82. </button>
  83. </div>
  84. <div class="wxtip" id="JweixinTip">
  85. <span class="wxtip-icon"></span>
  86. <p class="wxtip-txt">点击右上角<br/>选择在浏览器中打开</p>
  87. </div>
  88. <script type="text/javascript">
  89. var ua = navigator.userAgent.toLowerCase();
  90. var isWeixin = !!/MicroMessenger/i.test(ua);
  91. function downloadAndroid(){
  92. if (/iphone|ipad|ipod/.test(ua)) {
  93. /* if(isWeixin){
  94. document.getElementById('JweixinTip').style.display='block';
  95. document.getElementById('JweixinTip').onclick=function(){
  96. this.style.display='none';
  97. }
  98. }else{
  99. alert("请点击iphone版进行下载");
  100. } */
  101. alert("请点击iphone版进行下载");
  102. } else if(/android/.test(ua)) {
  103. window.location.href="http://res.eqbidding.com/bid.apk";
  104. }
  105. }
  106. function downloadApple(){
  107. if (/iphone|ipad|ipod/.test(ua)) {
  108. //window.location.href="https://dafuvip.com/3i2eM3";
  109. window.location.href="https://pgyer.com/RwF7";
  110. } else if(/android/.test(ua)) {
  111. alert("请点击Android版下载");
  112. }
  113. }
  114. </script>
  115. </body>
  116. </html>