index.module.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .A5Mobile {
  2. position: relative;
  3. top: 50%;
  4. left: 50%;
  5. transform: translate(-50%, -50%);
  6. z-index: 99999;
  7. width: 100%;
  8. height: 100%;
  9. transition: all 0.5s;
  10. background: url('./image/bg.png') no-repeat center center;
  11. background-size: 100% 100%;
  12. > div {
  13. position: absolute;
  14. top: 50%;
  15. left: 50%;
  16. img {
  17. object-fit: contain;
  18. width: 100%;
  19. height: 100%;
  20. }
  21. }
  22. :global {
  23. .title {
  24. transform: translate(-50%, -195%);
  25. width: calc(100% - 40px);
  26. }
  27. .A4base-pic1 {
  28. transform: translateY(-36%);
  29. left: 30px;
  30. width: 73px;
  31. }
  32. .A4base-pic2 {
  33. transform: translate(75%);
  34. top: 30px;
  35. width: 100px;
  36. }
  37. .A4base-pic3 {
  38. transform: translate(-50%, -140px);
  39. width: calc(100% - 50px);
  40. }
  41. .A4base-pic4 {
  42. transform: translateX(-92%);
  43. width: 200px;
  44. top: 0;
  45. }
  46. .A4base-pic5 {
  47. transform: translate(-50%, -60px);
  48. width: calc(100% - 30px);
  49. }
  50. .button {
  51. cursor: pointer;
  52. transform: translate(-50%, 290px);
  53. width: 200px;
  54. }
  55. }
  56. }