erweicode.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />
  6. <meta name="apple-mobile-web-app-capable" content="yes" />
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  8. <link href="/static/css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  9. <link rel="stylesheet" href="/static/css/common.css">
  10. <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
  11. <script src="/static/js/common.js"></script>
  12. <script src="/static/js/qrcode.js"></script>
  13. <title>会员</title>
  14. <style>
  15. .container{
  16. text-align: center;
  17. }
  18. .headerImg{
  19. width: 5rem;
  20. height: 5rem;
  21. margin-top: 2rem;
  22. border-radius: 50%;
  23. }
  24. .qiandao{
  25. width: 11rem;
  26. margin-top: 2rem;
  27. }
  28. .logo{
  29. width: 10rem;
  30. margin-top: 2rem;
  31. }
  32. #qrcode img{
  33. display: block;
  34. width: 12rem;
  35. margin: 2rem 6.5rem;
  36. }
  37. .name{
  38. font-size: 1rem;
  39. color: #333;
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <div style="height: 3.5em"></div>
  45. <div class="container">
  46. <img src="{$userInfo.header_img}" class="headerImg">
  47. <p class="name">{$userInfo.real_name}</p>
  48. <div id="qrcode">
  49. </div>
  50. <p style=" color: #333;
  51. font-size: 1.1rem;">请到店出示使用!</p>
  52. </div>
  53. </body>
  54. <script>
  55. $(function(){
  56. new QRCode(document.getElementById("qrcode"), "{$userInfo.mobile}");
  57. })
  58. </script>
  59. </html>