index.module.scss 974 B

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