resetui.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. /*用于修改element组件样式*/
  2. /*tab标签页*/
  3. .el-tabs__nav-wrap::after {
  4. height: 0 !important;
  5. }
  6. .manager .el-table th {
  7. background: #f5f5f5 !important;
  8. }
  9. .el-table td,
  10. .el-table th {
  11. padding: 6px 0 !important;
  12. }
  13. #app .el-table .cell {
  14. font-size: 14px;
  15. }
  16. .el-form-item__error {
  17. position: relative !important;
  18. }
  19. .el-upload--picture-card {
  20. width: 100px !important;
  21. height: 100px !important;
  22. line-height: 98px !important;
  23. }
  24. .el-upload-list--picture-card .el-upload-list__item {
  25. width: 100px !important;
  26. height: 100px !important;
  27. }
  28. #app .el-form-item {
  29. margin-bottom: 10px;
  30. }
  31. /* 分类树 */
  32. .tree-content .el-tree-node__content {
  33. height: 45px;
  34. border-bottom: 1px solid #f6f6f6;
  35. }
  36. /*导航底色*/
  37. #app .el-aside {
  38. width: 100%;
  39. background: white;
  40. z-index: 999;
  41. }
  42. #app .el-menu {
  43. border-right: none;
  44. }
  45. #app .el-submenu__title {
  46. font-size: 16px;
  47. }
  48. #app .el-submenu .el-menu-item {
  49. height: 40px;
  50. line-height: 40px;
  51. }
  52. /*输入框*/
  53. #app .el-input__inner {
  54. margin-right: 10px;
  55. /* border-radius: 3px; */
  56. /* color: #999; */
  57. /*padding: 0 6px;*/
  58. }
  59. #app .el-textarea__inner {
  60. border-radius: 3px;
  61. }
  62. .footer .el-button {
  63. margin-left: 10px;
  64. }
  65. .screen .el-cascader {
  66. margin-right: 10px;
  67. width: 150px;
  68. }
  69. #app .el-range-editor--mini.el-input__inner {
  70. width: 320px;
  71. }
  72. /*按钮直角*/
  73. /* #app .el-button {
  74. border-radius: 3px;
  75. } */
  76. #app .el-button--mini,
  77. .el-button--small {
  78. border-radius: 3px;
  79. padding: 7px 10px;
  80. /*border: none;*/
  81. /*color: #3c90fe;*/
  82. }
  83. #app .el-button--small {
  84. border-radius: 3px;
  85. }
  86. /*选择框直角*/
  87. #app .el-checkbox__inner {
  88. /* border-radius: 3px; */
  89. }
  90. .login-container .el-checkbox__inner {
  91. width: 16px;
  92. height: 16px;
  93. }
  94. .login-container .el-checkbox__label {
  95. font-size: 16px;
  96. color: #333;
  97. }
  98. .account .el-dialog__body {
  99. line-height: 40px;
  100. }
  101. .account .el-dialog .el-checkbox {
  102. width: 150px;
  103. }
  104. /*tab栏*/
  105. .header .el-tabs__header {
  106. margin: 0;
  107. }
  108. /*table*/
  109. #app .el-table::before {
  110. height: 0;
  111. }
  112. #app .el-tabs__item {
  113. height: 60px;
  114. line-height: 60px;
  115. }
  116. #app .el-tabs__item.is-active {
  117. color: #f17e02;
  118. }
  119. #app .el-tabs__active-bar {
  120. background-color: #f17e02;
  121. }
  122. #app .el-tabs__item:hover {
  123. color: #f17e02;
  124. }
  125. #app .el-container {
  126. height: 100%;
  127. overflow: hidden
  128. }
  129. #app .no-border-table {
  130. border: none !important;
  131. border-top: 1px solid #F0F0F0 !important;
  132. border-left: 1px solid #F0F0F0 !important;
  133. }
  134. /* 重置弹窗body padding */
  135. #app .el-dialog__body {
  136. padding-top: 0;
  137. padding-bottom: 0;
  138. }