update: 更新样式

src/styles/common.scss

+// 模态
+.ivu-modal{
+    .ivu-modal-content{
+        .ivu-modal-header{
+            padding: 10px 30px;
+            background-color: var(--app-color-black);
+            p{
+                font-size: 16px;
+                color: var(--app-color-white);
+                height: auto;
+                line-height: normal;
+            }
+        }
+        .ivu-modal-body{
+            background-color: var(--app-color-gray-400);
+            padding: 30px 30px 0;
+        }
+        .ivu-modal-footer{
+            border-top: 0;
+            background-color: var(--app-color-gray-400);
+            padding: 22px 30px;
+            >div{
+                display: flex;
+                justify-content: flex-end;
+            }
+        }
+    }
+}
+
+// 通知框
+.ivu-notice{
+    .ivu-notice-notice{
+        padding: 15px 20px;
+        background-color: var(--app-color-gray-400);        
+        .ivu-notice-notice-content{
+            .ivu-notice-icon{
+                font-size: 20px;
+                top: 0px;
+            }
+            .ivu-notice-title{
+                margin-left: 30px;
+                margin-bottom: 12px;
+                font-size: 16px;
+                line-height: 23px;
+            }
+            .ivu-notice-desc{
+                margin-left: 30px;
+            }
+        }
+    }
+}
\ No newline at end of file

src/styles/default.scss

@@ -6,6 +6,7 @@
 @import './theme/default.theme.scss';
 @import './app-code-list.scss';
 @import './ctrl.scss';
+@import './common.scss';
 
 #app {
     height: 100vh;

src/utils/app-message-box/app-message-box.scss

 .app-modal-ok {
-    .ivu-modal-header {
-        padding-left: 32px;
-        padding-top: 28px;
-        border-bottom: 0;
-        .header {
-            text-align: left;
-            line-height: 26px;
-            height: auto;
-            color: #333333;
-            font-weight: 600;
-            font-size: 18px;
-            i {
-                font-size: 24px;
-                position: relative;
-                top: 1px;
-                margin-right: 8px;
-            }
-        }
-    }
-    .ivu-modal-body {
-      padding: 0 32px 0 68px;
-      color: #707070;
-      .content {
-        line-height: 1.5;
-        font-size: 16px;
-      }
-      >.body-icon {
-          height: 40px;
-          i {
-            font-size: 24px;
-            position: relative;
-            top: 1px;
-            margin-right: 8px;
-            display: block;
-            position: absolute;
-            left: 32px;
-            top: 40px;
-          }
-      }
-    }
-    .ivu-modal-footer {
-      border-top: 0;
-      padding: 24px 32px 24px 18px;
-      .ivu-btn {
-        width: 80px;
-        height: 34px;
-        font-size: 15px;
-      }
-      .ivu-btn-primary {
-        color: rgb(187,218,254);
-      }
-      .ivu-btn-default {
-        color: rgb(157,157,157);
-      }
-    }
-
     .info {
         i {
             color: #2d8cf0;