womenactivity.blade.php 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  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">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>节日特惠</title>
  8. <style>
  9. html,
  10. body {
  11. margin: 0 auto;
  12. padding: 0;
  13. height: 100%;
  14. max-width: 450px;
  15. }
  16. .main_box {
  17. height: inherit;
  18. font-size: 0;
  19. position: relative;
  20. }
  21. .main_box img {
  22. height: inherit;
  23. width: 100%;
  24. }
  25. .recharge_box_one a {
  26. position: absolute;
  27. width: 80%;
  28. height: 60px;
  29. top: 74%;
  30. left: 50%;
  31. transform: translateX(-50%);
  32. }
  33. .d_none {
  34. display: none;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <main class="main_box">
  40. <img src="https://yueduyun.oss-cn-hangzhou.aliyuncs.com/h5/women-activity-bg.jpg" alt="">
  41. <div class="recharge_box_one">
  42. @if($code == 0)
  43. <!-- 活动进行中 -->
  44. <a href="{{$url}}" class="beginning">
  45. <img src="https://yueduyun.oss-cn-hangzhou.aliyuncs.com/h5/women-activity-doing.png" alt="">
  46. </a>
  47. @elseif($code == 1)
  48. <!-- 活动未开始 -->
  49. <a href="javascript:void(0)" class="un_begin">
  50. <img src="https://yueduyun.oss-cn-hangzhou.aliyuncs.com/h5/women-activity-undone.png" alt="">
  51. </a>
  52. @elseif($code == 2)
  53. <!-- 活动已结束 -->
  54. <a href="javascript:void(0)" class="over">
  55. <img src="https://yueduyun.oss-cn-hangzhou.aliyuncs.com/h5/women-activity-over.png" alt="">
  56. </a>
  57. @else
  58. @endif
  59. </div>
  60. </main>
  61. </body>
  62. </html>