index.module.scss 873 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .A0base {
  2. :global {
  3. .initPic {
  4. position: absolute;
  5. width: 100%;
  6. height: 100%;
  7. left: 50%;
  8. top: 50%;
  9. transform: translate(-50%, -50%);
  10. display: flex;
  11. flex-direction: column;
  12. align-items: center;
  13. justify-content: center;
  14. gap: 30%;
  15. .background-video {
  16. position: absolute;
  17. top: 0;
  18. left: 0;
  19. width: 100%;
  20. height: 100%;
  21. object-fit: cover;
  22. z-index: -1;
  23. }
  24. .title {
  25. height: 20%;
  26. object-fit: contain;
  27. }
  28. .button {
  29. height: 5%;
  30. object-fit: contain;
  31. cursor: pointer;
  32. }
  33. }
  34. @media screen and (max-width: 768px) {
  35. .initPic {
  36. background-image: url('../../assets/img/homeBg.png');
  37. background-size: none;
  38. background-position: center;
  39. }
  40. }
  41. }
  42. }