fenxiao_2wm.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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/style.css" />
  12. <style type="text/css">
  13. html,body{height: 100%;background: #fff;}
  14. .mui-content{min-height: 100%;background: #fff;padding-bottom: 50px;}
  15. .btn-share-box {width: 55%;}
  16. .btn-share-box .my-btn-danger{padding: 10px 0;}
  17. #qrcode-div img{width: 60%;}
  18. .user-head{position: absolute;left: 50%;bottom:0 ;width:28%;overflow: hidden;border:2px solid #fff;border-radius: 50%;font-size:0px;line-height: 0; -webkit-transform: translateX(-50%);}
  19. .mui-backdrop {
  20. position: fixed;
  21. z-index: 998;
  22. top: 0;
  23. right: 0;
  24. bottom: 0;
  25. left: 0;
  26. background: url(images/share.png) top center no-repeat rgba(0, 0, 0, .4);
  27. background-size: 100%;
  28. }
  29. </style>
  30. <script type="text/javascript">
  31. // 屏蔽分享
  32. //window.hiddenAllWechatMenu = true;
  33. </script>
  34. </head>
  35. <body>
  36. <div class="loading-bg">
  37. <div class="mui-loading">
  38. <div class="mui-spinner">
  39. </div>
  40. &nbsp;&nbsp;加载中...
  41. </div>
  42. </div>
  43. <header class="mui-bar mui-bar-nav header">
  44. <div class="go-index go_index">
  45. <img src="images/logo.png" />
  46. </div>
  47. </header>
  48. <div class="mui-content">
  49. <div style="position: relative;padding-bottom:6%;">
  50. <img width="100%" src="images/member_photo-bg_3.jpg" />
  51. <div id="user-head" class="user-head">
  52. <img width="100%" style="border-radius: 50%;" src="images/image-12.jpg" />
  53. </div>
  54. </div>
  55. <div class="mui-content-padded mui-text-center">
  56. <span id="user-nickname">加载中...</span>
  57. <p>无论去哪,什么天气,记得带上自己的阳光</p>
  58. <div style="padding: 20px 0;" id="qrcode-div">
  59. <!-- <img width="40%" src="images/daili-2wm.png" /> -->
  60. </div>
  61. <ul class="mui-text-left my-ol">
  62. <li>
  63. <div class="mui-text-center">关注美国watero:
  64. <p>
  65. 小伙伴,扫我扫我!
  66. </p>
  67. </div>
  68. </li>
  69. </ul>
  70. <div class="btn-share-box"><button type="button" class="mui-btn my-btn-danger mui-btn-block share_wechat">分享页面</button> </div>
  71. </div>
  72. </div>
  73. <script src="js/mui.min.js"></script>
  74. <script src="js/jquery-2.1.1.min.js"></script>
  75. <script src="js/main.js"></script>
  76. <script src="js/page/wechat-utils-1.0.js"></script>
  77. <script src="js/page/fenxiao_2wm.js"></script>
  78. </body>
  79. </html>