index.module.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .A1home {
  2. position: relative;
  3. background: url('../../assets/img/home_bg.jpg') no-repeat center center;
  4. background-size: 100% 100%;
  5. :global {
  6. .title {
  7. position: absolute;
  8. top: 20%;
  9. left: 50%;
  10. transform: translate(-50%, -46%);
  11. width: 52%;
  12. height: 200px;
  13. background: url('../../assets/img/title.png') no-repeat center center;
  14. background-size: contain;
  15. }
  16. .btn {
  17. position: absolute;
  18. top: 50%;
  19. left: 50%;
  20. transform: translate(-50%, 476%);
  21. width: 326px;
  22. height: 76px;
  23. background: url('../../assets/img/btn_bg.png') no-repeat center center;
  24. background-size: contain;
  25. }
  26. }
  27. }
  28. @media screen and (max-width: 768px) {
  29. .A1home {
  30. background: url('../../assets/img/home_bg_M.png') no-repeat center center;
  31. background-size: 100% 100%;
  32. :global {
  33. .title {
  34. top: 27%;
  35. width: 95%;
  36. height: 153px;
  37. background: url('../../assets/img/title_M.png') no-repeat center center;
  38. background-size: 100% 100%;
  39. }
  40. .btn {
  41. width: 200px;
  42. height: 66px;
  43. transform: translate(-50%, 0);
  44. top: auto;
  45. bottom: 20px;
  46. }
  47. }
  48. }
  49. }