|
|
@@ -0,0 +1,78 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <title>爱贝源</title>
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
+ <link rel="stylesheet" type="text/css" href="//s.iamberry.com/wateroPF/css/mui.min.css?v=2017072401" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="//s.iamberry.com/wateroPF/css/mui.picker.min.css?v=2017072401" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="//s.iamberry.com/wateroPF/new/css/iconfont.css?v=2017072401" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="//s.iamberry.com/wateroPF/css/style.css?v=2017072401" />
|
|
|
+ <style>
|
|
|
+ html,body{height: 100%;background: #fff;}
|
|
|
+ .top-tips{position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 28%;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ color: #fff;line-height: 1.8;}
|
|
|
+ .top-tips>span{font-size: 18px;}
|
|
|
+ .mui-content{min-height: 100%;background: #fff;}
|
|
|
+ .my-ol{width: 310px; margin: 0 auto;}
|
|
|
+ .my-ol li{padding:0 0 10px 0;}
|
|
|
+ #qrcode-div img{width: 40%;}
|
|
|
+ </style>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <div class="loading-bg">
|
|
|
+ <div class="mui-loading">
|
|
|
+ <div class="mui-spinner">
|
|
|
+ </div>
|
|
|
+ 加载中...
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="mui-content">
|
|
|
+
|
|
|
+ <div style="position: relative;padding-bottom:6%;">
|
|
|
+ <img width="100%" src="http://s.iamberry.com/wateroPF/images/2017-09-25-01.jpg" />
|
|
|
+ <div class="top-tips">
|
|
|
+ 您还未关注公众号，无法领取质保卡<br>
|
|
|
+ <span>请先关注公众号</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-content-padded mui-text-center">
|
|
|
+ <div id="qrcode-div" style="padding: 20px 0;">
|
|
|
+ <img width="40%" src="http://s.iamberry.com/wateroPF/images/system_qrcode.jpg" />
|
|
|
+ <p>长按识别二维码关注</p>
|
|
|
+ </div>
|
|
|
+ <ul type="1" class="mui-text-left my-ol">
|
|
|
+ <li>
|
|
|
+ 领取质保卡方式：
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 1、关注公众号后，前往会员中心领取
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ 2、关注公众号后，再次扫描领取质保卡二维码
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script src="//s.iamberry.com/wateroPF/js/mui.min.js?v=2016101701"></script>
|
|
|
+ <script src="//s.iamberry.com/wateroPF/js/mui.picker.min.js"></script>
|
|
|
+ <script src="//s.iamberry.com/wateroPF/js/jquery-2.1.1.min.js"></script>
|
|
|
+ <script src="//s.iamberry.com/wateroPF/js/shop/main.js?v=2016101701"></script>
|
|
|
+ <script src="//s.iamberry.com/wateroPF/js/shop/wechat-utils-1.0.js"></script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ mui.ready(function(){
|
|
|
+ console.log("页面加载完毕")
|
|
|
+ document.querySelector('.loading-bg').style.display='none';
|
|
|
+
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+</html>
|
qihanjiao