index.less 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. html, body, #app{
  2. width: 100%;
  3. height: 100%;
  4. margin: 0;
  5. padding: 0;
  6. background: #fff;
  7. }
  8. *,
  9. *::before,
  10. *::after {
  11. box-sizing: border-box;
  12. }
  13. [class*=" el-icon-naf"], [class^=el-icon-naf] {
  14. font-family: naf-icons!important;
  15. }
  16. ::-webkit-scrollbar {/*滚动条整体样式*/
  17. width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
  18. height: 8px;
  19. }
  20. ::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  21. box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  22. border-radius: 5px;
  23. background: hsla(220,4%,58%,.3)
  24. }
  25. ::-webkit-scrollbar-track {/*滚动条里面轨道*/
  26. box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  27. background: #EDEDED;
  28. }
  29. .el-menu-item [class^=naf-icon],.el-submenu [class^=naf-icon] {
  30. vertical-align: middle;
  31. margin-right: 5px;
  32. width: 24px;
  33. text-align: center;
  34. font-size: 18px;
  35. }
  36. .flex.el-tabs {
  37. display: flex;
  38. flex-direction: column;
  39. .el-tabs__content {
  40. flex: 1;
  41. }
  42. }
  43. .el-message {
  44. z-index: 9999 !important;
  45. }
  46. .el-transfer.compact {
  47. .el-transfer-panel {
  48. width: 160px;
  49. }
  50. .el-transfer__buttons {
  51. padding: 0 10px;
  52. }
  53. .el-transfer__buttons > .el-transfer__button {
  54. padding: 9px 5px;
  55. }
  56. .el-transfer__button + .el-transfer__button {
  57. margin-left: 5px;
  58. }
  59. .el-transfer-panel__item {
  60. width: 100%;
  61. }
  62. }
  63. .el-tooltip__popper.is-dark {
  64. opacity: 0.8;
  65. }
  66. .large-icon {
  67. font-size: 2em;
  68. }