common.blade.php 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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. //background: #1461bb;
  11. background: linear-gradient(left, #103f91,#1461bb);
  12. background: -webkit-linear-gradient(left, #103f91,#1461bb);
  13. background: -o-linear-gradient(left, #103f91,#1461bb);
  14. background: -moz-linear-gradient(left, #103f91,#1461bb);
  15. }
  16. html,
  17. body {
  18. margin: 0 auto;
  19. padding: 0;
  20. max-width: 450px;
  21. font-size: 100px;
  22. }
  23. .main_box {
  24. font-size: 0;
  25. position: relative;
  26. }
  27. .main_box img {
  28. width: 100%;
  29. }
  30. .recharge_box_one a {
  31. position: absolute;
  32. width: 80%;
  33. height: 0.75rem;
  34. top: 71%;
  35. left: 50%;
  36. transform: translateX(-50%);
  37. z-index: 999;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <main class="main_box">
  43. <img src="{{$img['page_bd_img']}}" alt="">
  44. <div class="recharge_box_one">
  45. @if($code == 1)
  46. <!-- 活动未开始 -->
  47. <a href="#" class="un_begin">
  48. <img src="{{$img['page_btn_pre_img']}}" alt="">
  49. </a>
  50. @elseif($code == 0)
  51. <!-- 活动进行中 -->
  52. <a href="{{$url}}" class="beginning">
  53. <img src="{{$img['page_btn_doing_img']}}" alt="">
  54. </a>
  55. @elseif($code == 2)
  56. <!-- 活动结束 -->
  57. <a href="javascript:void(0)" class="over">
  58. <img src="{{$img['page_btn_end_img']}}" alt="">
  59. </a>
  60. @endif
  61. </div>
  62. </main>
  63. </body>
  64. </html>