index.less 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. :root {
  2. --home-header-height: 44rem;
  3. --footer-height: 56rem;
  4. --footer-bottom-offset: 30rem;
  5. --footer-safe-gap: 22rem;
  6. --footer-safe-bottom: calc(var(--footer-bottom-offset) + var(--footer-height) + var(--footer-safe-gap));
  7. --main-bg: rgb(21, 23, 36);
  8. --second-btn-color: rgb(58, 58, 70);
  9. --footer-color: black;
  10. --mask-dark: #000000bb;
  11. --mask-light: rgba(0, 0, 0, 0.45);
  12. --second-text-color: #999;
  13. --mask-white: rgba(0, 0, 0, 0.4);
  14. --second-btn-color-tran: rgba(58, 58, 70, 0.4);
  15. --primary-btn-color: #fe2c55;
  16. }
  17. @font-face {
  18. font-family: jiangxizhuokai;
  19. src: url('@/assets/font/jiangxizhuokai.ttf') format('truetype');
  20. font-display: swap;
  21. }
  22. @font-face {
  23. font-family: SmileySans;
  24. src: url('@/assets/font/SmileySans-Oblique-2.ttf') format('truetype');
  25. font-display: swap;
  26. }
  27. * {
  28. user-select: none;
  29. -webkit-tap-highlight-color: transparent;
  30. }
  31. html,
  32. body {
  33. width: 100%;
  34. height: 100%;
  35. background: var(--main-bg);
  36. font-size: 1px;
  37. margin: 0;
  38. padding: 0;
  39. overflow: hidden;
  40. }
  41. #app {
  42. height: 100%;
  43. width: 100%;
  44. position: relative;
  45. font-size: 14rem;
  46. }
  47. .slide {
  48. touch-action: none;
  49. height: 100%;
  50. width: 100%;
  51. position: relative;
  52. overflow: hidden;
  53. .slide-list {
  54. height: 100%;
  55. width: 100%;
  56. display: flex;
  57. position: relative;
  58. }
  59. &.vertical {
  60. height: 100%;
  61. }
  62. }
  63. .flex-direction-column {
  64. flex-direction: column;
  65. }
  66. .global-notice {
  67. position: fixed;
  68. top: 50%;
  69. left: 50%;
  70. transform: translate(-50%, -50%);
  71. background: rgba(0, 0, 0, 0.75);
  72. color: white;
  73. padding: 12rem 20rem;
  74. border-radius: 8rem;
  75. font-size: 14rem;
  76. z-index: 9999;
  77. }
  78. @font-face {
  79. font-family: "PangMenZhengDao";
  80. src: url("@/assets/font/PangMenZhengDao.TTF");
  81. }
  82. .ol-zoom {
  83. /*隐藏地图左上角的+-号*/
  84. display: none;
  85. }