main.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. html,
  2. body {
  3. padding: 0 !important;
  4. margin: 0 !important;
  5. font-size: 14px;
  6. width: 100%;
  7. height: 100%;
  8. background: #f2f2f2;
  9. overflow: hidden;
  10. }
  11. /*---滚动条默认显示样式--*/
  12. ::-webkit-scrollbar-thumb{
  13. height:50px;
  14. outline-offset:-2px;
  15. outline:2px solid #dddee0;
  16. border: 2px solid #dddee0;
  17. background-color: #dddee0;
  18. border-radius: 4px;
  19. }
  20. /*---鼠标点击滚动条显示样式--*/
  21. ::-webkit-scrollbar-thumb:hover{
  22. height:50px;
  23. }
  24. /*---滚动条大小--*/
  25. ::-webkit-scrollbar{
  26. width:8px;
  27. height:8px;
  28. }
  29. /*---滚动框背景样式--*/
  30. ::-webkit-scrollbar-track-piece{}
  31. #app {
  32. width: 100%;
  33. height: 100%;
  34. }
  35. .el-menu{
  36. border-right: none;
  37. }
  38. .el-breadcrumb{
  39. line-height: 30px;
  40. }
  41. .el-user-popover{
  42. min-width: 90px;
  43. display: flex;
  44. flex-direction: column;
  45. line-height: 26px;
  46. padding: 0px;
  47. }
  48. .middle_sty {
  49. display: flex;
  50. justify-content: center;
  51. align-items: center;
  52. }
  53. .icon-wushuju {
  54. // display: block;
  55. width: 100px;
  56. height: 100px;
  57. font-size: 50px !important;
  58. // margin: auto;
  59. }