前端样式调整

wms/qd/src/assets/styles/eladmin.scss

@@ -1,14 +1,17 @@
 .head-container {
   padding-bottom: 10px;
+
   .filter-item {
     display: inline-block;
     vertical-align: middle;
     margin: 0 3px 10px 0;
+
     input {
       height: 30.5px;
       line-height: 30.5px;
     }
   }
+
   .el-form-item-label {
     margin: 0 3px 9px 0;
     display: inline-block;
@@ -19,12 +22,15 @@
     line-height: 30.5px;
     padding: 0 7px 0 7px;
   }
-  .el-button+.el-button {
+
+  .el-button + .el-button {
     margin-left: 0 !important;
   }
-  .el-select__caret.el-input__icon.el-icon-arrow-up{
+
+  .el-select__caret.el-input__icon.el-icon-arrow-up {
     line-height: 30.5px;
   }
+
   .date-item {
     display: inline-block;
     vertical-align: middle;
@@ -33,6 +39,7 @@
     width: 230px !important;
   }
 }
+
 .el-avatar {
   display: inline-block;
   text-align: center;
@@ -48,10 +55,11 @@
   border-radius: 16px;
 }
 
-.logo-con{
+.logo-con {
   height: 60px;
   padding: 13px 0 0;
-  img{
+
+  img {
     height: 32px;
     width: 135px;
     display: block;
@@ -87,6 +95,7 @@
   z-index: 99;
   width: 100%;
 }
+
 .eladmin-upload {
   border: 1px dashed #c0ccda;
   border-radius: 5px;
@@ -94,7 +103,8 @@
   line-height: 45px;
   width: 368px;
 }
-.my-blockquote{
+
+.my-blockquote {
   margin: 0 0 10px;
   padding: 15px;
   line-height: 22px;
@@ -102,7 +112,8 @@
   border-radius: 0 2px 2px 0;
   background-color: #f2f2f2;
 }
-.my-code{
+
+.my-code {
   position: relative;
   padding: 15px;
   line-height: 20px;
@@ -112,6 +123,83 @@
   font-size: 12px
 }
 
-.el-tabs{
+.el-tabs {
   margin-bottom: 25px;
 }
+
+
+//修改侧边栏菜单颜色和高度
+.el-menu-item, .el-submenu__title {
+  height: 40px !important;
+  //background-color: #776020 !important;
+}
+
+#app .sidebar-container .el-submenu .el-menu-item {
+}
+
+#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title, #app .sidebar-container .el-submenu .el-menu-item {
+}
+
+#app .sidebar-container {
+  //background-color: #544b32 !important;
+}
+
+.el-form-item--small.el-form-item {
+  margin-bottom: 12px !important;
+}
+
+.el-form-item--mini.el-form-item {
+  margin-bottom: 10px !important;
+}
+
+//去除编辑文本框为数字时的上下箭头start
+.el-form--inline .el-form-item__content {
+  width: auto !important;
+}
+
+input[type="number"] {
+  -moz-appearance: textfield;
+}
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+}
+
+//去除编辑文本框为数字时的上下箭头end
+//设置计数器文字居左
+.el-input-number--mini .el-input__inner {
+  text-align: left;
+}
+
+.el-table:not(.el-table–scrollable-x) .el-table__fixed-right {
+  height: 100% !important;
+}
+
+// 修改弹出框距离
+.el-dialog__body {
+  padding-top: 0px !important;
+}
+
+//表格标题样式
+.el-table {
+  .el-table__header-wrapper,
+  .el-table__fixed-header-wrapper {
+    th {
+      word-break: break-word;
+      background-color: #f8f8f9;
+      color: #515a6e;
+      height: 35px;
+      font-size: 13px;
+    }
+    td{
+      color: #f8f8f9;
+    }
+  }
+  .el-table__body-wrapper {
+    .el-button [class*="el-icon-"] + span {
+      margin-left: 1px;
+    }
+  }
+}
+