index.module.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .A2layout {
  2. width: 100%;
  3. height: 100%;
  4. background-color: #f5f5f5;
  5. background-image: url('../../assets/img/layout_bg_M.jpg');
  6. background-size: 100% 100%;
  7. :global {
  8. .layoutTitle {
  9. position: absolute;
  10. left: 50%;
  11. transform: translate(-50%, 0);
  12. top: 17%;
  13. width: 95%;
  14. height: 153px;
  15. background: url('../../assets/img/title_M.png') no-repeat center center;
  16. background-size: 100% 100%;
  17. }
  18. .siderBar {
  19. position: absolute;
  20. left: 50%;
  21. bottom: 20px;
  22. transform: translate(-50%, 0);
  23. width: 100%;
  24. height: 110px;
  25. display: flex;
  26. justify-content: center;
  27. gap: 10%;
  28. .detailPanel,
  29. .introPanel {
  30. width: 40%;
  31. height: 100px;
  32. text-align: center;
  33. }
  34. }
  35. }
  36. }
  37. @media screen and (max-width: 768px) {
  38. .A2layout {
  39. :global {
  40. .tabBar {
  41. width: 100%;
  42. .tabBtn {
  43. height: 70px;
  44. padding: 10px;
  45. line-height: 20px;
  46. }
  47. }
  48. }
  49. }
  50. }