main.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. html {
  2. font-size: 16px;
  3. // box-sizing: border-box;
  4. // * {
  5. // box-sizing: inherit;
  6. // }
  7. // overscroll-behavior-y: contain;
  8. }
  9. body {
  10. // overscroll-behavior-y: contain;
  11. // ios 安全区域
  12. padding-top: constant(safe-area-inset-top); /* 兼容 iOS < 11.2 */
  13. padding-top: env(safe-area-inset-top); /* 兼容 iOS >= 11.2 */
  14. padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
  15. padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
  16. }
  17. @font-face {
  18. font-family: AlibabaPuHuiTi;
  19. src: url('../fontFace/AlibabaPuHuiTi/Alibaba-PuHuiTi-Bold.otf') format('opentype'),
  20. url('../fontFace/AlibabaPuHuiTi/Alibaba-PuHuiTi-Heavy.otf') format('opentype'),
  21. url('../fontFace/AlibabaPuHuiTi/Alibaba-PuHuiTi-Light.otf') format('opentype'),
  22. url('../fontFace/AlibabaPuHuiTi/Alibaba-PuHuiTi-Medium.otf') format('opentype'),
  23. url('../fontFace/AlibabaPuHuiTi/Alibaba-PuHuiTi-Regular.otf') format('opentype') url('../fontFace/AlibabaPuHuiTi/阿里巴巴普惠体H.ttf') format('truetype');
  24. }
  25. ::-webkit-scrollbar {
  26. width: 5px;
  27. /* 滚动条宽度为0 */
  28. height: 5px;
  29. /* 滚动条高度为0 */
  30. display: block;
  31. /* 滚动条隐藏 */
  32. }
  33. ::-webkit-scrollbar {
  34. width: 5px !important;
  35. /* 滚动条宽度为0 */
  36. height: 5px !important;
  37. /* 滚动条高度为0 */
  38. display: block !important;
  39. /* 滚动条隐藏 */
  40. }
  41. ::-webkit-scrollbar-track-piece {
  42. background-color: rgba(0, 0, 0, 0.2) !important;
  43. -webkit-border-radius: 6px !important;
  44. }
  45. ::-webkit-scrollbar-thumb:vertical {
  46. height: 5px !important;
  47. background-color: rgba(125, 125, 125, 0.7) !important;
  48. -webkit-border-radius: 6px !important;
  49. }
  50. ::-webkit-scrollbar-thumb:horizontal {
  51. width: 5px !important;
  52. background-color: rgba(125, 125, 125, 0.7) !important;
  53. -webkit-border-radius: 6px !important;
  54. }
  55. .van-overlay {
  56. background-color: rgba(0, 0, 0, .9) !important;
  57. }
  58. [v-cloak] {
  59. display: none;
  60. }