global.less 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377
  1. // Reset default browser styles
  2. * {
  3. box-sizing: border-box;
  4. }
  5. #root {
  6. min-height: 100vh;
  7. }
  8. html,
  9. body,
  10. ul,
  11. ol,
  12. li,
  13. dl,
  14. dt,
  15. dd,
  16. h1,
  17. h2,
  18. h3,
  19. h4,
  20. h5,
  21. h6,
  22. pre,
  23. code,
  24. form,
  25. fieldset,
  26. legend,
  27. input,
  28. textarea,
  29. p,
  30. blockquote,
  31. th,
  32. td,
  33. hr,
  34. button {
  35. margin: 0;
  36. padding: 0;
  37. font-size: 100%;
  38. font-family: inherit;
  39. vertical-align: baseline;
  40. border: 0 none;
  41. color: inherit;
  42. background: transparent;
  43. box-sizing: border-box;
  44. -webkit-font-smoothing: antialiased;
  45. -moz-osx-font-smoothing: grayscale;
  46. }
  47. @font-face {
  48. font-family: 'PangMenZhengDao-3';
  49. src: url('@/assets/fonts/PangMenZhengDao-3.ttf');
  50. font-weight: normal;
  51. font-style: normal;
  52. }
  53. @font-face {
  54. font-family: 'PangMenZhengDao';
  55. src: url('@/assets/fonts/PangMenZhengDao.ttf');
  56. font-weight: normal;
  57. font-style: normal;
  58. }
  59. body {
  60. color: #333;
  61. .ant-collapse-header {
  62. flex-direction: row-reverse;
  63. }
  64. .ant-collapse-item {
  65. background-color: white !important;
  66. border-radius: 0.06rem !important;
  67. border-bottom: none !important;
  68. margin-bottom: 0.1rem;
  69. }
  70. .ant-select-dropdown .ant-select-item {
  71. font-size: 0.3rem;
  72. }
  73. .ant-picker-dropdown {
  74. font-size: 0.3rem;
  75. }
  76. .ant-picker-dropdown .ant-picker-content td {
  77. width: 0.3rem;
  78. }
  79. .ant-picker-dropdown .ant-picker-cell::before {
  80. height: 0.3rem;
  81. }
  82. .ant-picker-dropdown .ant-picker-cell .ant-picker-cell-inner {
  83. min-width: 0.3rem;
  84. height: 0.3rem;
  85. line-height: 0.3rem;
  86. }
  87. .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content {
  88. width: 4rem;
  89. }
  90. .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th {
  91. width: 0.36rem;
  92. }
  93. .ant-picker-dropdown .ant-picker-content th {
  94. height: 0.36rem;
  95. }
  96. .ant-picker-dropdown .ant-picker-content th,
  97. .ant-picker-dropdown .ant-picker-content td {
  98. min-width: 0.24rem;
  99. }
  100. .ant-picker-dropdown .ant-picker-cell {
  101. padding: 0.06rem 0.06rem;
  102. }
  103. .ant-picker-dropdown .ant-picker-decade-panel,
  104. .ant-picker-dropdown .ant-picker-year-panel,
  105. .ant-picker-dropdown .ant-picker-quarter-panel,
  106. .ant-picker-dropdown .ant-picker-month-panel,
  107. .ant-picker-dropdown .ant-picker-week-panel,
  108. .ant-picker-dropdown .ant-picker-date-panel,
  109. .ant-picker-dropdown .ant-picker-time-panel {
  110. width: 4.5rem;
  111. }
  112. .ant-modal-root .ant-modal-mask {
  113. border-radius: 0.5rem;
  114. background-color: rgba(0, 0, 0, 0.2);
  115. }
  116. .ant-modal-wrap {
  117. &::-webkit-scrollbar {
  118. display: none;
  119. }
  120. &::-webkit-scrollbar-thumb {
  121. display: none;
  122. }
  123. &::-webkit-scrollbar-track {
  124. display: none;
  125. }
  126. &::-webkit-scrollbar-thumb:hover {
  127. display: none;
  128. }
  129. }
  130. }
  131. // Remove list styles on ul, ol
  132. ul,
  133. ol {
  134. list-style: none;
  135. }
  136. // Remove link styles
  137. a {
  138. text-decoration: none;
  139. }
  140. // Remove table border
  141. table {
  142. border-collapse: collapse;
  143. border-spacing: 0;
  144. background-color: white;
  145. }
  146. // Remove input styling for IE
  147. input[type='text'],
  148. input[type='password'],
  149. input[type='number'],
  150. textarea {
  151. appearance: none;
  152. -webkit-appearance: none;
  153. -moz-appearance: none;
  154. // border-radius: 0;
  155. }
  156. // Remove button styling for IE
  157. button,
  158. input[type='submit'],
  159. input[type='reset'] {
  160. appearance: none;
  161. -webkit-appearance: none;
  162. -moz-appearance: none;
  163. border: 0 none;
  164. background: none;
  165. padding: 0;
  166. cursor: pointer;
  167. }
  168. // Remove outline on focus
  169. *:focus {
  170. outline: none;
  171. }
  172. .box {
  173. border-radius: 0.08rem;
  174. box-shadow: 0rem 0rem 0.08rem 0.02rem rgba(191, 191, 191, 0.2);
  175. border: 0.01rem solid #eee;
  176. background: rgba(255, 255, 255);
  177. }
  178. .card-box {
  179. border-radius: 0.4rem 0 0.4rem 0;
  180. background: #ffffff;
  181. box-shadow: 0.01rem 0.06rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
  182. }
  183. .card-select {
  184. border: 3px solid #66ccff;
  185. }
  186. .value-number {
  187. margin-bottom: 0.2rem;
  188. font-size: 0.8rem;
  189. font-family: PangMenZhengDao-3, PangMenZhengDao-3;
  190. font-weight: 400;
  191. color: #3b3b3b;
  192. line-height: 0.62rem;
  193. letter-spacing: 0.06rem;
  194. }
  195. .content-tab {
  196. padding-left: 0.05rem;
  197. padding-top: 0.05rem;
  198. padding-right: 0.05rem;
  199. height: calc(100vh - 1.3rem);
  200. overflow-x: hidden;
  201. overflow-y: auto;
  202. }
  203. .content-title {
  204. padding-left: 0.05rem;
  205. padding-right: 0.05rem;
  206. height: calc(100vh - 1.15rem);
  207. overflow-x: hidden;
  208. overflow-y: auto;
  209. }
  210. .password-eye {
  211. display: inline-block;
  212. vertical-align: middle;
  213. width: 0.3rem;
  214. height: 0.3rem;
  215. background: url('@/assets/icon-eye1.png') no-repeat center;
  216. background-size: 0.3rem;
  217. &.open {
  218. background-image: url('@/assets/icon-eye2.png');
  219. }
  220. }
  221. .tabs {
  222. display: flex;
  223. width: 100%;
  224. overflow-x: auto;
  225. border: 0.01rem solid #979797;
  226. &::-webkit-scrollbar {
  227. display: none;
  228. }
  229. .tabs-item {
  230. flex: 1;
  231. text-align: center;
  232. padding: 0.16rem 0.24rem;
  233. font-size: 0.24rem;
  234. font-weight: 400;
  235. color: #4a4a4a;
  236. border-right: 0.01rem solid #979797;
  237. white-space: nowrap;
  238. &:last-child {
  239. border-right: none;
  240. }
  241. &.active {
  242. color: #ffffff;
  243. background: #4a90e2;
  244. }
  245. }
  246. }
  247. .section-title {
  248. display: flex;
  249. align-items: center;
  250. font-size: 0.28rem;
  251. font-weight: 400;
  252. color: #4a4a4a;
  253. line-height: 0.4rem;
  254. .section-line {
  255. width: 0.04rem;
  256. height: 0.3rem;
  257. background: #4a90e2;
  258. margin-right: 0.08rem;
  259. }
  260. }
  261. *::-webkit-scrollbar {
  262. width: 0.06rem;
  263. height: 0.06rem;
  264. }
  265. *::-webkit-scrollbar-thumb {
  266. background-color: #999;
  267. }
  268. *::-webkit-scrollbar-thumb:hover {
  269. background-color: #666;
  270. }
  271. *::-webkit-scrollbar-track {
  272. background-color: #eee;
  273. }
  274. .ant-btn-primary {
  275. background: #4a90e2;
  276. font-size: 0.22rem;
  277. padding-top: 0;
  278. padding-bottom: 0;
  279. }
  280. .ant-table {
  281. background: #fff;
  282. }
  283. .ant-table-cell,
  284. .ant-table-placeholder {
  285. background: transparent !important;
  286. }
  287. .ant-table,
  288. .ant-table-container,
  289. .ant-table-wrapper table {
  290. border-radius: 0 !important;
  291. }
  292. .ant-table-container {
  293. border: none !important;
  294. }
  295. .ant-table-cell::before {
  296. display: none;
  297. }
  298. .ant-table-thead {
  299. background: rgba(23, 85, 255, 0.5);
  300. }
  301. .ant-table-wrapper .ant-table-thead > tr > th,
  302. .ant-table-wrapper .ant-table-tbody > tr > td {
  303. border-radius: 0;
  304. padding: 0.12rem 0.18rem;
  305. font-size: 0.28rem;
  306. color: rgba(97, 93, 93, 1);
  307. line-height: 0.32rem;
  308. font-weight: normal;
  309. vertical-align: middle;
  310. border-radius: 0 !important;
  311. }
  312. .ant-table-wrapper .ant-table-thead > tr > th {
  313. border: 0 none !important;
  314. color: #fff;
  315. }
  316. .ant-table-wrapper .ant-table-tbody > tr > td {
  317. border-bottom: 1px solid rgba(188, 186, 186, 1);
  318. }
  319. // .ant-table-tbody > tr:nth-child(even) {
  320. // background: rgba(145, 192, 238, 0.16);
  321. // }
  322. .ant-table-cell::before {
  323. display: none;
  324. }
  325. .ant-picker {
  326. font-size: 0.26rem;
  327. .ant-picker-input > input {
  328. font-size: 0.24rem;
  329. }
  330. .ant-picker-separator {
  331. font-size: 0.24rem;
  332. }
  333. }
  334. .ant-select-selection-item {
  335. font-size: 0.26rem;
  336. }
  337. .ant-select-selector {
  338. // height: 0.4rem;
  339. padding: 0.04rem 0.11rem;
  340. }
  341. .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  342. height: auto;
  343. padding: 0.04rem 0.11rem;
  344. }
  345. .ant-select-single .ant-select-selector {
  346. font-size: 0.26rem;
  347. }