统一改样式

element-variables.scss

@@ -126,7 +126,7 @@ $--background-color-lighter: #F8F8F8 !default;
 $--background-select-checked: #D1ECFF !default;
 $--background-transfer-head: #F7F7F7 !default;
 $--background-transfer-disabled-button: #C2E2F2 !default;
-$--background-dialog-header: #EFEFEF !default;
+$--background-dialog-header: #eff2f7 !default;
 
 /* Link
 -------------------------- */
@@ -806,7 +806,7 @@ $--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
 /// fontSize||Font|1
 $--dialog-title-font-size: $--font-size-base !default;
 /// fontSize||Font|1
-$--dialog-content-font-size: 14px !default;
+$--dialog-content-font-size: 12px !default;
 /// fontLineHeight||LineHeight|2
 $--dialog-font-line-height: $--font-line-height-primary !default;
 /// padding||Spacing|3

node_module/element-theme-chalk/src/dialog.scss

@@ -78,7 +78,7 @@
     height: 40px;
     line-height: 40px;
     padding: 0 32px;
-    border-bottom: 1px solid $--background-dialog-header;
+    border-bottom: 1px solid $--border-color-base;
     margin: -20px -20px 18px -20px;
     
     @include e(infotip){
@@ -87,6 +87,9 @@
     @include e(successtip){
       color: $--color-success;
     }
+    @include e(errortip){
+      color: $--color-success;
+    }
   }
   
 

node_module/element-theme-chalk/src/form.scss

@@ -49,10 +49,10 @@
 
   @include m(medium) {
     .el-form-item__label {
-      line-height: 36px;
+      line-height: 32px;
     }
     .el-form-item__content {
-      line-height: 36px;
+      line-height: 32px;
     }
   }
   @include m(small) {

node_module/element-theme-chalk/src/menu.scss

@@ -6,7 +6,8 @@
 @mixin menu-item {
   height: 50px;
   line-height: 48px;
-  font-size: $--menu-item-font-size;
+  padding: 0 16px !important;
+  font-size: $--size-base;
   color: $--menu-item-font-color;
   padding: 0 20px;
   list-style: none;
@@ -133,8 +134,8 @@
     width: 46px;
     > .el-menu-item,
     > .el-submenu > .el-submenu__title {
-      padding: 0 10px !important;
       .el-tooltip{
+        text-align: center;
         padding: 0 10px !important;
       }
       [class^="el-icon-"] {
@@ -236,7 +237,8 @@
   & .el-menu-item {
     height: 40px;
     line-height: 40px;
-    padding: 0 45px;
+    padding: 0;
+    padding-left: 50px !important;
     min-width: 200px;
   }
   @include e(icon-arrow) {

node_module/element-theme-chalk/src/message-box.scss

@@ -41,7 +41,7 @@
     padding-bottom: 6px;
     padding-top: 6px;
     background-color: #EFF2F7;
-    border-bottom: 1px solid #D0D0D0;
+    border-bottom: 1px solid #e4e4e4;
   }
 
   @include e(title) {

node_module/element-theme-chalk/src/radio-button.scss

@@ -44,7 +44,7 @@
 
   &:first-child {
     .el-radio-button__inner {
-      border-left: $--border-base;
+      border-left: $--border-width-base $--border-style-base $--border-color-light;
       border-radius: $--border-radius-base 0 0 $--border-radius-base;
       box-shadow: none !important;
     }

node_module/element-theme-chalk/src/radio.scss

@@ -13,7 +13,8 @@
   white-space: nowrap;
   outline: none;
   font-size: $--font-size-base;
-  margin-right: 30px;
+  margin-left: 30px;
+  margin-right: 8px;
   @include utils-user-select(none);
 
   @include when(bordered) {

node_module/element-theme-chalk/src/tabs.scss

@@ -182,7 +182,6 @@
       transform-origin: 100% 50%;
     }
     > .el-tabs__header .el-tabs__item {
-      border-bottom: 1px solid transparent;
       transition: color .3s cubic-bezier(.645,.045,.355,1), padding .3s cubic-bezier(.645,.045,.355,1);
      
       &.is-closable {

theme/cascader-panel.css

@@ -1321,7 +1321,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   white-space: nowrap;
   outline: none;
   font-size: 12px;
-  margin-right: 30px;
+  margin-left: 30px;
+  margin-right: 8px;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none; }

theme/cascader.css

@@ -2950,7 +2950,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   white-space: nowrap;
   outline: none;
   font-size: 12px;
-  margin-right: 30px;
+  margin-left: 30px;
+  margin-right: 8px;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none; }

theme/dialog.css

@@ -596,7 +596,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     padding-top: 8px;
     height: 32px;
     line-height: 32px;
-    background: #EFEFEF; }
+    background: #eff2f7; }
   .el-dialog__headerbtn {
     position: absolute;
     top: 16px;
@@ -625,7 +625,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     height: 40px;
     line-height: 40px;
     padding: 0 32px;
-    border-bottom: 1px solid #EFEFEF;
+    border-bottom: 1px solid #E4E4E4;
     margin: -20px -20px 18px -20px; }
     .el-dialog__infotip {
       color: #00BBF2; }
@@ -636,7 +636,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-dialog__body {
     padding: 20px;
     color: #666666;
-    font-size: 14px;
+    font-size: 12px;
     word-break: break-all; }
   .el-dialog__footer {
     padding: 0 0 40px 0;

theme/form.css

@@ -300,9 +300,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-form-item .el-input__validateIcon {
     display: none; }
   .el-form-item--medium .el-form-item__label {
-    line-height: 36px; }
+    line-height: 32px; }
   .el-form-item--medium .el-form-item__content {
-    line-height: 36px; }
+    line-height: 32px; }
   .el-form-item--small .el-form-item__label {
     line-height: 32px; }
   .el-form-item--small .el-form-item__content {

theme/index.css

@@ -5274,7 +5274,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     padding-top: 8px;
     height: 32px;
     line-height: 32px;
-    background: #EFEFEF; }
+    background: #eff2f7; }
   .el-dialog__headerbtn {
     position: absolute;
     top: 16px;
@@ -5303,7 +5303,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     height: 40px;
     line-height: 40px;
     padding: 0 32px;
-    border-bottom: 1px solid #EFEFEF;
+    border-bottom: 1px solid #E4E4E4;
     margin: -20px -20px 18px -20px; }
     .el-dialog__infotip {
       color: #00BBF2; }
@@ -5314,7 +5314,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-dialog__body {
     padding: 20px;
     color: #666666;
-    font-size: 14px;
+    font-size: 12px;
     word-break: break-all; }
   .el-dialog__footer {
     padding: 0 0 40px 0;
@@ -8995,28 +8995,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       color: #333333; }
   .el-menu--collapse {
     width: 46px; }
-    .el-menu--collapse > .el-menu-item,
-    .el-menu--collapse > .el-submenu > .el-submenu__title {
+    .el-menu--collapse > .el-menu-item .el-tooltip,
+    .el-menu--collapse > .el-submenu > .el-submenu__title .el-tooltip {
+      text-align: center;
       padding: 0 10px !important; }
-      .el-menu--collapse > .el-menu-item .el-tooltip,
-      .el-menu--collapse > .el-submenu > .el-submenu__title .el-tooltip {
-        padding: 0 10px !important; }
-      .el-menu--collapse > .el-menu-item [class^="el-icon-"],
-      .el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] {
-        margin: 0;
-        vertical-align: middle;
-        width: 24px;
-        text-align: center; }
-      .el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
-      .el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
-        display: none; }
-      .el-menu--collapse > .el-menu-item span,
-      .el-menu--collapse > .el-submenu > .el-submenu__title span {
-        height: 0;
-        width: 0;
-        overflow: hidden;
-        visibility: hidden;
-        display: inline-block; }
+    .el-menu--collapse > .el-menu-item [class^="el-icon-"],
+    .el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] {
+      margin: 0;
+      vertical-align: middle;
+      width: 24px;
+      text-align: center; }
+    .el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
+    .el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
+      display: none; }
+    .el-menu--collapse > .el-menu-item span,
+    .el-menu--collapse > .el-submenu > .el-submenu__title span {
+      height: 0;
+      width: 0;
+      overflow: hidden;
+      visibility: hidden;
+      display: inline-block; }
     .el-menu--collapse > .el-menu-item.is-active i {
       color: inherit; }
     .el-menu--collapse .el-menu .el-submenu {
@@ -9053,7 +9051,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
 .el-menu-item {
   height: 50px;
   line-height: 48px;
-  font-size: 12px;
+  padding: 0 16px !important;
+  font-size: 14px;
   color: #CCCCCC;
   padding: 0 20px;
   list-style: none;
@@ -9093,7 +9092,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-submenu__title {
     height: 50px;
     line-height: 48px;
-    font-size: 12px;
+    padding: 0 16px !important;
+    font-size: 14px;
     color: #CCCCCC;
     padding: 0 20px;
     list-style: none;
@@ -9122,7 +9122,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-submenu .el-menu-item {
     height: 40px;
     line-height: 40px;
-    padding: 0 45px;
+    padding: 0;
+    padding-left: 50px !important;
     min-width: 200px; }
   .el-submenu__icon-arrow {
     position: absolute;
@@ -11045,7 +11046,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   white-space: nowrap;
   outline: none;
   font-size: 12px;
-  margin-right: 30px;
+  margin-left: 30px;
+  margin-right: 8px;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none; }
@@ -11878,7 +11880,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       .el-radio-button__inner [class*="el-icon-"] + span {
         margin-left: 5px; }
   .el-radio-button:first-child .el-radio-button__inner {
-    border-left: 1px solid #E4E4E4;
+    border-left: 1px solid #B6B9BA;
     border-radius: 3px 0 0 3px;
     -webkit-box-shadow: none !important;
     box-shadow: none !important; }
@@ -31622,7 +31624,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     padding-bottom: 6px;
     padding-top: 6px;
     background-color: #EFF2F7;
-    border-bottom: 1px solid #D0D0D0; }
+    border-bottom: 1px solid #e4e4e4; }
   .el-message-box__title {
     padding-left: 0;
     margin-bottom: 0;
@@ -32409,9 +32411,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-form-item .el-input__validateIcon {
     display: none; }
   .el-form-item--medium .el-form-item__label {
-    line-height: 36px; }
+    line-height: 32px; }
   .el-form-item--medium .el-form-item__content {
-    line-height: 36px; }
+    line-height: 32px; }
   .el-form-item--small .el-form-item__label {
     line-height: 32px; }
   .el-form-item--small .el-form-item__content {
@@ -32928,7 +32930,6 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   transform-origin: 100% 50%; }
 
 .el-tabs--card > .el-tabs__header .el-tabs__item {
-  border-bottom: 1px solid transparent;
   -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
   .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
@@ -48110,7 +48111,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   white-space: nowrap;
   outline: none;
   font-size: 12px;
-  margin-right: 30px;
+  margin-left: 30px;
+  margin-right: 8px;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none; }
@@ -57693,7 +57695,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   white-space: nowrap;
   outline: none;
   font-size: 12px;
-  margin-right: 30px;
+  margin-left: 30px;
+  margin-right: 8px;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none; }

theme/menu.css

@@ -575,28 +575,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       color: #333333; }
   .el-menu--collapse {
     width: 46px; }
-    .el-menu--collapse > .el-menu-item,
-    .el-menu--collapse > .el-submenu > .el-submenu__title {
+    .el-menu--collapse > .el-menu-item .el-tooltip,
+    .el-menu--collapse > .el-submenu > .el-submenu__title .el-tooltip {
+      text-align: center;
       padding: 0 10px !important; }
-      .el-menu--collapse > .el-menu-item .el-tooltip,
-      .el-menu--collapse > .el-submenu > .el-submenu__title .el-tooltip {
-        padding: 0 10px !important; }
-      .el-menu--collapse > .el-menu-item [class^="el-icon-"],
-      .el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] {
-        margin: 0;
-        vertical-align: middle;
-        width: 24px;
-        text-align: center; }
-      .el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
-      .el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
-        display: none; }
-      .el-menu--collapse > .el-menu-item span,
-      .el-menu--collapse > .el-submenu > .el-submenu__title span {
-        height: 0;
-        width: 0;
-        overflow: hidden;
-        visibility: hidden;
-        display: inline-block; }
+    .el-menu--collapse > .el-menu-item [class^="el-icon-"],
+    .el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] {
+      margin: 0;
+      vertical-align: middle;
+      width: 24px;
+      text-align: center; }
+    .el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
+    .el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
+      display: none; }
+    .el-menu--collapse > .el-menu-item span,
+    .el-menu--collapse > .el-submenu > .el-submenu__title span {
+      height: 0;
+      width: 0;
+      overflow: hidden;
+      visibility: hidden;
+      display: inline-block; }
     .el-menu--collapse > .el-menu-item.is-active i {
       color: inherit; }
     .el-menu--collapse .el-menu .el-submenu {
@@ -633,7 +631,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
 .el-menu-item {
   height: 50px;
   line-height: 48px;
-  font-size: 12px;
+  padding: 0 16px !important;
+  font-size: 14px;
   color: #CCCCCC;
   padding: 0 20px;
   list-style: none;
@@ -673,7 +672,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-submenu__title {
     height: 50px;
     line-height: 48px;
-    font-size: 12px;
+    padding: 0 16px !important;
+    font-size: 14px;
     color: #CCCCCC;
     padding: 0 20px;
     list-style: none;
@@ -702,7 +702,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-submenu .el-menu-item {
     height: 40px;
     line-height: 40px;
-    padding: 0 45px;
+    padding: 0;
+    padding-left: 50px !important;
     min-width: 200px; }
   .el-submenu__icon-arrow {
     position: absolute;

theme/message-box.css

@@ -1964,7 +1964,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     padding-bottom: 6px;
     padding-top: 6px;
     background-color: #EFF2F7;
-    border-bottom: 1px solid #D0D0D0; }
+    border-bottom: 1px solid #e4e4e4; }
   .el-message-box__title {
     padding-left: 0;
     margin-bottom: 0;

theme/radio-button.css

@@ -427,7 +427,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       .el-radio-button__inner [class*="el-icon-"] + span {
         margin-left: 5px; }
   .el-radio-button:first-child .el-radio-button__inner {
-    border-left: 1px solid #E4E4E4;
+    border-left: 1px solid #B6B9BA;
     border-radius: 3px 0 0 3px;
     -webkit-box-shadow: none !important;
     box-shadow: none !important; }

theme/radio.css

@@ -400,7 +400,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   white-space: nowrap;
   outline: none;
   font-size: 12px;
-  margin-right: 30px;
+  margin-left: 30px;
+  margin-right: 8px;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none; }

theme/tabs.css

@@ -434,7 +434,6 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   transform-origin: 100% 50%; }
 
 .el-tabs--card > .el-tabs__header .el-tabs__item {
-  border-bottom: 1px solid transparent;
   -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
   .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {