rocates.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <style>
  8. .box-my {
  9. display: flex;
  10. justify-content: center;
  11. }
  12. </style>
  13. <title>转盘抽奖页面</title>
  14. </head>
  15. <script type="text/javascript">
  16. var deviceWidth = document.documentElement.clientWidth;
  17. if (deviceWidth > 760) {
  18. deviceWidth = 760;
  19. }
  20. document.documentElement.style.fontSize = deviceWidth / 7.5 + "px";
  21. </script>
  22. <!-- <link rel="stylesheet" href="./rocat.css" /> -->
  23. <link rel="stylesheet" href="./v1/dist/index.min.css?v=202208" />
  24. <style>
  25. .unicom_img {
  26. width: 1.38rem;
  27. height: 0.41rem;
  28. position: absolute;
  29. top: 0.29rem;
  30. left: 0.29rem;
  31. }
  32. </style>
  33. <body>
  34. <div class="mains">
  35. <div>
  36. <img class="zix" src="./img/文字部分a.png" alt="" />
  37. <img class="unicom_img" src="./img/unicom.png" alt="" />
  38. </div>
  39. <div class="row btn-tip" id="btn-showagrs">
  40. <p style="
  41. width: 0.2rem;
  42. font-size: 0.22rem;
  43. margin-top: 0.43rem;
  44. margin-left: 0.12rem;
  45. font-family: PingFang SC;
  46. font-weight: 600;
  47. color: #ffffff;
  48. text-shadow: 0px 3px 7px rgba(26, 100, 183, 0.35);
  49. ">
  50. 业务说明
  51. </p>
  52. </div>
  53. <div class="gunda">
  54. <div class="gund">
  55. <div class="wrapper">
  56. <div class="marqueeWords">
  57. 156****4130获得10元话费 &nbsp; 130****1138获得20元话费 &nbsp; 156****6548获得20元话费 &nbsp; 176****1315获得50元话费 &nbsp; 156****8466获得100元话费 &nbsp; 156****4518获得20元话费 &nbsp; 130****3154获得10元话费 &nbsp;130****8546获得5元话费 &nbsp;156****1584获得5元话费 &nbsp;156****1456获得10元话费 &nbsp;185****1587获得50元话费
  58. &nbsp;186****7848获得10元话费 &nbsp;131****4343获得20元话费 &nbsp;156****1546获得100元话费 &nbsp;186****1102获得5元话费 &nbsp;176****8444获得5元话费 &nbsp;186****4568获得20元话费 &nbsp;176****7213获得10元话费 &nbsp;131****9563获得50元话费 &nbsp;
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <div class="section-login">
  64. <div class="sms-form">
  65. <div class="form-group">
  66. <div class="input-row">
  67. <input class="usermob" type="tel" maxlength="11" name="phone" placeholder="请输入正确的联通手机号码" />
  68. </div>
  69. <div class="input-row">
  70. <input class="smscode" type="tel" maxlength="6" name="sms" placeholder="请输入验证码" />
  71. <span class="sendcode">获取验证码</span>
  72. </div>
  73. <div class="actions">
  74. <div class="btn ancel">取消</div>
  75. <div class="btn okay">确认</div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="box-my">
  81. <div id="my-lucky"></div>
  82. </div>
  83. <div class="cjgz">
  84. <div class="ox_as">抽奖规则</div>
  85. <p class="gu_text">1.活动时间:2022年7月1日—2022年8月8日;</p>
  86. <p class="gu_text">2.活动期间,每个用户只可参与一次抽话费活动;</p>
  87. <p class="gu_text">
  88. 3.订购成功后即可参与抽奖活动,活动结束仍未参与抽奖将视为自动放弃抽奖资格,中奖话费将于10个工作日内充值至订购手机号码;
  89. </p>
  90. <p class="gu_text">4.如遇问题请咨询客服:4000-600-611。</p>
  91. </div>
  92. <div class="cjgzs">
  93. <div class="ox_ass">奖品说明</div>
  94. <p class="gu_text">
  95. 1.订购成功后即可参与抽话费活动,有机会抽到 5元、10元、20元、50元、100元联通话费,100%中奖;
  96. </p>
  97. <p class="gu_text">
  98. 2.成功订购且符合活动规则,中奖话费将于10个工作日内充值至订购手机号码(联通预付费用户,不参与此次赠送话费活动)。
  99. </p>
  100. </div>
  101. </div>
  102. </body>
  103. <script src="./v1/js/lucky-canvas.js"></script>
  104. <script type="text/javascript" src="../public/libs/jquery-min.js"></script>
  105. <script type="text/javascript" src="../public/libs/axios.min.js"></script>
  106. <script type="text/javascript" src="./v1/dist/index.min.js?v=202212"></script>
  107. <script src="//account.bol.wo.cn/static/js-sdk/wolog/WoAnalytics.js"></script>
  108. <script src="//account.bol.wo.cn/static/js-sdk/wolog/HtmlPageVisitor.js"></script>
  109. <script type="text/javascript">
  110. if (window.location.href.indexOf('type=poly') > 0) {
  111. $('body').sideMenu({
  112. name: '彩铃转盘抽奖页面'
  113. }).init();
  114. }
  115. </script>
  116. </html>