get-warranty_card.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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. <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="css/main.css" />
  12. <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
  13. <script>
  14. //屏蔽分享
  15. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  16. WeixinJSBridge.call('hideOptionMenu');
  17. });
  18. </script>
  19. </head>
  20. <body style="background: #fff;">
  21. <div class="loading-bg">
  22. <div class="mui-loading">
  23. <div class="mui-spinner">
  24. </div>
  25. &nbsp;&nbsp;加载中...
  26. </div>
  27. </div>
  28. <div class="mui-content" style="background: #fff;">
  29. <div style="background-color: #f1f1f1;height:220px;text-align: center;padding: 50px 0;">
  30. <div style="padding: 5px;background-color: #3bbf64;width:50px;height: 50px;line-height: 42px; margin: 15px auto;border-radius: 50%;">
  31. <span class="iconfont icon-zhibaoqia" style="color: #fff;font-size: 30px;"></span>
  32. </div>
  33. <h4> 关注aiberle公众号</h4>
  34. <p>领取质保卡</p>
  35. </div>
  36. <div style="margin:-40px auto 0 auto;width:240px;text-align: center;">
  37. <img width="160px" src="images/qrcode.png" />
  38. <p>
  39. 长按识别,关注aiberle公众号<br /> 随时查看质保时间
  40. </p>
  41. </div>
  42. <div style="padding: 20px 0;width: 80%;margin:50px auto 0 auto;text-align: left;">
  43. <div style="margin-bottom: 15px;color: #727171;font-size: 16px;">领取质保卡方式:</div>
  44. <p>1、关注公众号后,前往会员中心领取</p>
  45. <p>2、关注公众号后,再次扫描领取质保卡二维码</p>
  46. </div>
  47. </div>
  48. <script type="text/javascript" src="js/mui.min.js"></script>
  49. <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  50. <script type="text/javascript" src="js/main.js"></script>
  51. <script type="text/javascript">
  52. mui.ready(function(){
  53. console.log("页面加载完毕")
  54. document.querySelector('.loading-bg').style.display='none';
  55. });
  56. </script>
  57. </body>
  58. </html>