No Description

red_envelopes.html 2.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="yes" name="apple-mobile-web-app-capable">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
  7. <title>『天天省钱快报』撒钱啦!</title>
  8. <link rel="stylesheet" type="text/css" href="public/public_css.css"/>
  9. <style type="text/css">
  10. body{background: #FFFFFF;margin-bottom: 0.2rem;}
  11. h3{text-align: center;margin-top: 0.2rem;margin-bottom: 0.3rem;font-size: 0.22rem;color: red;}
  12. .wenan{
  13. text-align: center;
  14. position: relative;
  15. font-size: 0.14rem;
  16. font-weight: bold;
  17. color: red;
  18. letter-spacing: 0.02rem;
  19. padding-top: 0.4rem;
  20. }
  21. .wenan:after{
  22. content: "";
  23. display: block;
  24. width: 1rem;
  25. height: 1rem;
  26. background: url(https://small-app.oss-cn-beijing.aliyuncs.com/youhuiquan/1027669.gif) no-repeat;
  27. background-size: 100%;
  28. position: absolute;
  29. top: -0.3rem;
  30. left: 2.4rem;
  31. }
  32. h5{text-align: center;letter-spacing: 0.01rem}
  33. .title{padding-left: 0.5rem;font-size: 0.16rem;}
  34. button{font-size: 0.14rem;margin: auto;display: block;padding: 0.05rem 0.2rem;margin-top: 0.2rem;margin-bottom:0.2rem;border: 0.01rem solid red;color: red;border-radius: 0.1rem;}
  35. .red_envelopes{width: 80%;margin: auto;margin-top: 0.2rem;}
  36. </style>
  37. </head>
  38. <body>
  39. <h3>『天天省钱快报』撒钱啦!</h3>
  40. <div class="wenan">
  41. 现金红包天天领<br/>数量有限,先到先得,抢到就是赚到
  42. </div>
  43. <h5>如何领红包?</h5>
  44. <p class="title">① 点击下方按钮下载天天省钱快报</p>
  45. <button onclick="goDownload()">点击下载</button>
  46. <p class="title">② 注册后点击“新人领红包”</p>
  47. <img class="red_envelopes" src="image/red_envelopes.png" />
  48. </body>
  49. </html>
  50. <script type="text/javascript">
  51. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  52. window.onresize = function(){
  53. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  54. }
  55. function goDownload () {
  56. if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)){
  57. window.location.href = 'https://itunes.apple.com/cn/app/%E5%A4%A9%E5%A4%A9%E7%9C%81%E9%92%B1%E5%BF%AB%E6%8A%A5-%E8%B4%AD%E7%89%A9%E7%9C%81%E9%92%B1%E8%BF%94%E5%88%A9%E7%9A%84%E4%BC%98%E6%83%A0%E5%88%B8app/id1416438252?mt=8'
  58. }
  59. }
  60. </script>