message-box按钮位置调换

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

@@ -31,14 +31,15 @@
   }
 
   @include e(header) {
-    padding: $--dialog-padding-primary;
-    padding-bottom: 10px;
+    padding: $--dialog-header-padding-primary;
+    padding-bottom: 8px;
+    padding-top: 8px;
   }
 
   @include e(headerbtn) {
     position: absolute;
-    top: $--dialog-padding-primary;
-    right: $--dialog-padding-primary;
+    top: $--dialog-header-padding-primary;
+    right: 12px;
     padding: 0;
     background: transparent;
     border: none;
@@ -47,7 +48,7 @@
     font-size: $--message-close-size;
 
     .el-dialog__close {
-      color: $--color-info;
+      color: $--color-default-text-plain;
     }
 
     &:focus, &:hover {
@@ -58,13 +59,14 @@
   }
 
   @include e(title) {
-    line-height: $--dialog-font-line-height;
+    line-height: 36px;
+    height: 36px;
     font-size: $--dialog-title-font-size;
     color: $--color-text-primary;
   }
 
   @include e(body) {
-    padding: ($--dialog-padding-primary + 10px) $--dialog-padding-primary;
+    padding: 8px $--dialog-padding-primary;
     color: $--color-text-regular;
     font-size: $--dialog-content-font-size;
     word-break: break-all;
@@ -72,9 +74,24 @@
 
   @include e(footer) {
     padding: $--dialog-padding-primary;
-    padding-top: 10px;
+    padding-top: 24px;
+    padding-right: 16px;
     text-align: right;
     box-sizing: border-box;
+    & button:nth-child(1) {
+        color: $--color-text-secondary;
+        background-color: $--color-white;
+        border-color: $--color-text-placeholder;
+        &:focus, &:hover {
+           color:$--color-primary-text-plain-hover;
+           background-color: $--color-primary-background-plain-hover;
+           border-color:$--color-primary-border-plain-hover;
+        }
+     }
+ 
+     & button:nth-child(2) {
+       margin-left: 8px;
+     }
   }
 
   // 内容居中布局

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

@@ -75,7 +75,7 @@
   }
 
   @include e(content) {
-    padding: 10px $--msgbox-padding-primary;
+    padding: 0px $--msgbox-padding-primary;
     color: $--messagebox-content-color;
     font-size: $--messagebox-content-font-size;
   }
@@ -85,7 +85,7 @@
   }
 
   @include e(input) {
-    padding-top: 15px;
+    padding-top: 8px;
 
     & input.invalid {
       border-color: $--color-danger;
@@ -97,7 +97,7 @@
 
   @include e(status) {
     position: absolute;
-    top: 20%;
+    top: 50%;
     transform: translateY(-50%);
     font-size: 24px !important;
 
@@ -145,17 +145,23 @@
   }
 
   @include e(btns) {
-    padding: 5px 15px 0;
+    padding: 24px 16px 0;
     text-align: right;
 
     & button:nth-child(1) {
        color: $--color-text-secondary;
        background-color: $--color-white;
        border-color: $--color-text-placeholder;
+       float: right;
+       margin-left: 8px;
+       &:focus, &:hover {
+        color:$--color-primary-text-plain-hover;
+        background-color: $--color-primary-background-plain-hover;
+        border-color:$--color-primary-border-plain-hover;
+      }
     }
-
     & button:nth-child(2) {
-      margin-left: 8px;
+      
     }
   }