style.scss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. // 资源图片目录地址(必要)
  2. $img-base-path: "bill/assets/img/";
  3. @import "bill/assets/scss/theme-editor.scss";
  4. html,
  5. body {
  6. width: 100%;
  7. height: 100%;
  8. margin: 0;
  9. overflow: hidden;
  10. }
  11. :root body {
  12. --hide-header-top: calc(-1 * var(--editor-head-height));
  13. --show-header-top: 0px;
  14. // mini-map size
  15. --simle-map-width: 400px;
  16. --simle-map-height: 200px;
  17. --scale-simle-map-width: 600px;
  18. --scale-simle-map-height: 300px;
  19. // 搜索框
  20. --global-search-width: 340px;
  21. --taggle-btn-width: 30px;
  22. --body-right-margin: 20px;
  23. --left-pano-width: 340px;
  24. }
  25. a {
  26. color: var(--color-main-normal);
  27. }
  28. #app {
  29. width: 100%;
  30. height: 100%;
  31. }
  32. .clear-float::after {
  33. content: '';
  34. display: block;
  35. clear: both;
  36. }
  37. .require {
  38. position: relative;
  39. &::before {
  40. content: '*';
  41. position: absolute;
  42. top: 50%;
  43. transform: translateY(-50%);
  44. right: 100%;
  45. margin-right: 4px;
  46. color: #FA3F48;
  47. line-height: 1.5em;
  48. }
  49. }
  50. .more-menu {
  51. position: relative;
  52. &::after {
  53. content: '';
  54. box-sizing: content-box;
  55. font-size: 5px;
  56. position: absolute;
  57. bottom: 0;
  58. right: 0;
  59. width: 0;
  60. height: 0;
  61. border-bottom: 1em solid var(--colors-normal-base);
  62. border-left: 1em solid transparent;
  63. }
  64. }
  65. canvas {
  66. outline: none;
  67. }
  68. .ui-editor-toolbox {
  69. top: calc(var(--editor-head-height) + var(--header-top));
  70. transition: inset ease 0.3s;
  71. }
  72. .ui-editor-menu .ui-editor-menu-item {
  73. width: auto;
  74. }
  75. input::-ms-clear,input::-ms-reveal {
  76. display: none;
  77. }
  78. /*定义滚动条高宽及背景
  79. 高宽分别对应横竖滚动条的尺寸*/
  80. ::-webkit-scrollbar
  81. {
  82. width: 6px;
  83. height: 6px;
  84. background-color:rgba(0,0,0,0);
  85. }
  86. /*定义滚动条轨道
  87. 内阴影+圆角*/
  88. ::-webkit-scrollbar-track
  89. {
  90. -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  91. border-radius: 3px;
  92. background-color:rgba(255, 255, 255, 0);
  93. }
  94. /*定义滑块
  95. 内阴影+圆角*/
  96. ::-webkit-scrollbar-thumb
  97. {
  98. -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  99. border-radius: 3px;
  100. background-color:rgba(255, 255, 255, 0.5);
  101. }
  102. input:-webkit-autofill {
  103. /*自动填充文字颜色*/
  104. -webkit-text-fill-color: #fff !important;
  105. /*自动填充背景颜色*/
  106. -webkit-box-shadow: 0 0 0px 1000px #313131 inset;
  107. border-color: var(--colors-primary-base) !important;
  108. // -webkit-box-shadow: 0 0 0px 1000px #313131 inset !important;//关于解决输入框背景颜色
  109. // -webkit-text-fill-color: rgba(255,255,255,1)!important;//关于接输入框文字颜色
  110. // font-size: 14px !important;
  111. // border-color: 1px solid rgba(255, 255, 255, 0.2) !important;
  112. }
  113. .vc-switch {
  114. z-index: 99999999 !important;
  115. }