index.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <meta name="x5-orientation" content="portrait">
  10. <meta name="screen-orientation" content="portrait">
  11. <link rel="stylesheet" type="text/css" href="/iamberry/common/other/downLoadApp/css/mui.min.css">
  12. <link rel="stylesheet" type="text/css" href="/iamberry/common/other/downLoadApp/css/style.css" />
  13. </head>
  14. <body>
  15. <div class="loading-bg">
  16. <div class="mui-loading">
  17. <div class="mui-spinner">
  18. </div>
  19. &nbsp;&nbsp;加载中...
  20. </div>
  21. </div>
  22. <div class="lock-wrap">
  23. <div class="lock">
  24. 为了更好的体验,请切换竖屏浏览
  25. </div>
  26. </div>
  27. <div class="mui-content">
  28. <div style="position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0;width: 100%;">
  29. <div>
  30. <img width="100%" src="/iamberry/common/other/downLoadApp/images/top.png" />
  31. </div>
  32. <div style="width: 55%;margin: 0 auto;position: relative;">
  33. <div class="iphone_btn"></div>
  34. <div class="android_btn"></div>
  35. </div>
  36. <div>
  37. <img width="100%" src="/iamberry/common/other/downLoadApp/images/bottom.png" />
  38. </div>
  39. </div>
  40. </div>
  41. <script type="text/javascript" src="/iamberry/common/other/downLoadApp/js/mui.min.js"></script>
  42. <script src="/iamberry/common/shop/js/jquery-2.1.1.min.js"></script>
  43. <script src="/iamberry/common/js/utils/wechat-utils-1.0.js"></script>
  44. <script type="text/javascript">
  45. window.onlod=function(){
  46. window.hiddenAllWechatMenu = true;
  47. }
  48. mui.ready(function(){
  49. var flag=mui.os.ios;
  50. console.log(flag);
  51. var macId=GetQueryString();
  52. $.ajax({
  53. "type":"post",
  54. "url":"/iamberry/wechat/qrcode/binding",
  55. "data" :"macId="+macId,
  56. "success" : function(res) {
  57. //alert(JSON.stringify(res));
  58. if(res.status){
  59. //mui.toast(res.message);
  60. }else{
  61. //mui.toast(res.message);
  62. }
  63. }
  64. });
  65. document.querySelector('.loading-bg').style.display='none';
  66. var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
  67. var mask = mui.createMask(function() {
  68. }); //callback为用户点击蒙版时自动执行的回调;
  69. //android下载
  70. mui('body').on('tap','.android_btn',function(){
  71. console.log("android下载");
  72. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  73. //在微信中打开
  74. mask.show(); //显示遮罩
  75. }else{
  76. location.href="http://app.iamberry.com/imberry/download/iamberry_release.apk";
  77. //location.href="http://h5.iamberry.com/iamberry/wechat/qrcode/downLoad";
  78. //mui.alert('敬请期待');
  79. }
  80. });
  81. //iphone下载
  82. mui('body').on('tap','.iphone_btn',function(){
  83. console.log("iphone下载");
  84. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  85. //在微信中打开
  86. mask.show(); //显示遮罩
  87. }else{
  88. location.href='https://itunes.apple.com/cn/app/bi-bi-meng/id1117339790?mt=8';
  89. }
  90. });
  91. });
  92. //获取冲奶机的机器码
  93. function GetQueryString(){
  94. //console.log(location.href);
  95. var str=location.href;
  96. //console.info(str.indexOf("qrcode/"));
  97. var destr=str.substring(str.indexOf("qrcode/")+7,location.href.length);
  98. //console.log(destr);
  99. return destr;
  100. }
  101. function toAibeiyuan(){
  102. location.href='http://www.iamberry.com';
  103. }
  104. </script>
  105. </body>
  106. </html>