rev 修改背景样式

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;
+    margin: 0 3px 3px 0;
+
     input {
-      height: 30.5px;
+      height: 28px;
-      line-height: 30.5px;
+      line-height: 28px;
     }
   }
+
   .el-form-item-label {
     margin: 0 3px 9px 0;
     display: inline-block;
@@ -16,15 +19,18 @@
     vertical-align: middle;
     font-size: 14px;
     color: #606266;
-    line-height: 30.5px;
+    line-height: 28px;
     padding: 0 7px 0 7px;
   }
+
   .el-button + .el-button {
     margin-left: 0 !important;
   }
+
   .el-select__caret.el-input__icon.el-icon-arrow-up {
-    line-height: 30.5px;
+    line-height: 28px;
   }
+
   .date-item {
     display: inline-block;
     vertical-align: middle;
@@ -33,6 +39,7 @@
     width: 230px !important;
   }
 }
+
 .el-avatar {
   display: inline-block;
   text-align: center;
@@ -51,6 +58,7 @@
 .logo-con {
   height: 60px;
   padding: 13px 0 0;
+
   img {
     height: 32px;
     width: 135px;
@@ -87,6 +95,7 @@
   z-index: 99;
   width: 100%;
 }
+
 .eladmin-upload {
   border: 1px dashed #c0ccda;
   border-radius: 5px;
@@ -94,6 +103,7 @@
   line-height: 45px;
   width: 368px;
 }
+
 .my-blockquote {
   margin: 0 0 10px;
   padding: 15px;
@@ -102,6 +112,7 @@
   border-radius: 0 2px 2px 0;
   background-color: #f2f2f2;
 }
+
 .my-code {
   position: relative;
   padding: 15px;
@@ -115,3 +126,93 @@
 .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: 8px !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;
+    }
+  }
+}
+
+//表格固定列最后一行显示不全(https://mp.weixin.qq.com/s/HpoykJNtsynsW4UMHitZbQ)
+.el-table__fixed-right {
+  height: 100% !important;
+}
+
+//表头与内容错位
+.el-table--scrollable-y .el-table__body-wrapper {
+  overflow-y: overlay !important;
+}
+

qd/src/assets/styles/element-ui.scss

@@ -17,7 +17,7 @@
 
 .cell {
   .el-tag {
-    margin-right: 0;
+    margin-right: 0px;
   }
 }
 
@@ -41,7 +41,7 @@
     text-align: center;
 
     .el-tag {
-      margin-right: 0;
+      margin-right: 0px;
     }
   }
 }
@@ -69,7 +69,7 @@
 // dropdown
 .el-dropdown-menu {
   a {
-    display: block
+    display: block;
   }
 }
 
@@ -77,3 +77,46 @@
 .el-range-editor.el-input__inner {
   display: inline-flex !important;
 }
+
+// to fix el-date-picker css style
+.el-range-separator {
+  box-sizing: content-box;
+}
+
+.el-menu--collapse
+> div
+> .el-submenu
+> .el-submenu__title
+.el-submenu__icon-arrow {
+  display: none;
+}
+
+.el-form-search {
+  float: right;
+  .el-form-search-item {
+    margin-bottom: 0px;
+    .el-input__inner {
+      width: 140px;
+    }
+  }
+}
+
+el-table .el-table__cell {
+  padding: 8px 0;
+}
+
+.el-table--medium .el-table__cell {
+  padding: 6px 0;
+}
+
+.el-table--small .el-table__cell {
+  padding: 3px 0;
+}
+
+.el-table--mini .el-table__cell {
+  padding: 1px 0;
+}
+
+.el-dialog__body {
+  padding: 20px 20px;
+}

qd/src/assets/styles/variables.scss

@@ -8,14 +8,20 @@ $tiffany: #4AB7BD;
 $yellow:#FEC171;
 $panGreen: #30B08F;
 
+$base-logo-title-color: #ffffff;
+$base-logo-light-title-color: #001529;
+$base-menu-light-background:#ffffff;
+
 // sidebar
 $menuText:#bfcbd9;
 $menuActiveText:#409EFF;
 $subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
 
-$menuBg:#304156;
+$menuBg:#304156; //https://cloud.tencent.com/developer/article/1753773
 $menuHover:#263445;
 
+$base-menu-light-color:rgba(0,0,0,.70);
+
 $subMenuBg:#1f2d3d;
 $subMenuHover:#001528;
 
@@ -28,8 +34,15 @@ $sideBarWidth: 205px;
   menuActiveText: $menuActiveText;
   subMenuActiveText: $subMenuActiveText;
   menuBg: $menuBg;
+  menuLightBackground: $base-menu-light-background;
+  menuLightColor: $base-menu-light-color;
   menuHover: $menuHover;
   subMenuBg: $subMenuBg;
   subMenuHover: $subMenuHover;
   sideBarWidth: $sideBarWidth;
+
+  logoTitleColor: $base-logo-title-color;
+  logoLightTitleColor: $base-logo-light-title-color
 }
+
+$base-sidebar-width: 200px;

qd/src/main.js

@@ -22,7 +22,6 @@ import 'mavon-editor/dist/css/index.css'
 // 数据字典
 import dict from './components/Dict'
 
-
 import scroll from 'vue-seamless-scroll'
 Vue.use(scroll)
 
@@ -52,13 +51,14 @@ Vue.use(AFTableColumn)
 Vue.use(VXETable)
 Vue.prototype.$XModal = VXETable.modal
 
-
 Vue.use(VueHighlightJS)
 Vue.use(mavonEditor)
 Vue.use(permission)
 Vue.use(dict)
+Element.Table.props.border = { type: Boolean, default: true }
+Element.TableColumn.props.align = { type: String, default: 'center' }
 Vue.use(Element, {
-  size: Cookies.get('size') || 'small' // set element-ui default size
+  size: 'mini' // set element-ui default size
 })
 
 Vue.config.productionTip = false