noactive.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no">
  6. <meta name="format-detection" content="telephone=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <title>抽奖活动</title>
  9. <link rel="stylesheet" href="{:asset('/css/frontend/campaign/common.css')}">
  10. <link rel="stylesheet" href="{:asset('/css/frontend/campaign/base.css?v=1')}">
  11. <style>
  12. .null{
  13. text-align: center;
  14. padding-top: 3rem;
  15. font-size: 0.4rem;
  16. color: #333;
  17. }
  18. </style>
  19. <script>
  20. (function (doc, win) {
  21. var docEl = doc.documentElement,
  22. resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
  23. recalc = function () {
  24. var clientWidth = docEl.clientWidth;
  25. if (!clientWidth) return;
  26. docEl.style.fontSize = 100 * (clientWidth / 720) + 'px';
  27. };
  28. recalc();
  29. if (!doc.addEventListener) return;
  30. win.addEventListener(resizeEvt, recalc, false);
  31. doc.addEventListener('DOMContentLoaded', recalc, false);
  32. })(document, window);
  33. </script>
  34. <style>
  35. body,html{
  36. background:rgba(245,245,245,1);
  37. margin: 0;
  38. padding: 0;
  39. }
  40. .bg{
  41. width: 2.78rem;
  42. height: 2.59rem;
  43. }
  44. .un_start{
  45. font-family:PingFangSC-Regular;
  46. font-weight:400;
  47. color:rgba(255,99,108,1);
  48. font-size: 0.32rem;
  49. line-height: 0.56rem;
  50. margin-top: 0.6rem;
  51. display: none;
  52. text-align: center;
  53. }
  54. .too_lower{
  55. font-family:PingFangSC-Regular;
  56. font-weight:400;
  57. color:rgba(158,147,148,1);
  58. font-size: 0.32rem;
  59. line-height: 0.56rem;
  60. margin-top: 0.6rem;
  61. display: none;
  62. text-align: center;
  63. }
  64. </style>
  65. </head>
  66. <body>
  67. <div class="null">
  68. <img class='bg' src="{:asset('/img/frontend/campaign/null_bg.png')}." alt="">
  69. <div class="too_lower">
  70. 您的客户端版本过低,请下载最新版本<br>
  71. 即可参加精彩活动~~
  72. </div>
  73. <div class="un_start show">
  74. 活动尚未开始,敬请期待~~
  75. </div>
  76. </div>
  77. <script type="text/javascript" src="{:asset('/js/frontend/campaign/zepto.min.js')}"></script>
  78. <script>
  79. var pLower = 0;
  80. if(pLower == 1){
  81. $('.too_lower').show()
  82. }else{
  83. $('.un_start').show()
  84. }
  85. </script>
  86. </body>
  87. </html>