u

code/base-project/base-vue/packages/ao-design/src/modal/index.scss

@@ -41,6 +41,7 @@ $btn-prefix: '#{$prefix}-btn';
     width: 100%;
     height: 100%;
     overflow: visible;
+    pointer-events: none;
 
     .#{$modal-prefix} {
       background: #fff;
@@ -52,6 +53,7 @@ $btn-prefix: '#{$prefix}-btn';
       height: 300px;
       display: flex;
       flex-direction: column;
+      pointer-events: auto;
 
       &-header {
         display: flex;
@@ -61,15 +63,35 @@ $btn-prefix: '#{$prefix}-btn';
         font-size: 16px;
         padding: 12px 16px;
         word-break: break-all;
+        .#{$modal-prefix}-icon:first-of-type {
+          margin-left: auto;
+        }
+        .#{$modal-prefix}-icon {
+          flex-shrink: 0;
+          color: $text-color-assist;
+          cursor: pointer;
+          border-radius: $border-radius;
+          width: 20px;
+          height: 20px;
+          & + .#{$modal-prefix}-icon {
+            margin-left: 8px;
+          }
+
+          &:hover {
+            background-color: $default-color-hover;
+          }
+        }
       }
 
       &-title {
         display: flex;
         align-items: center;
         line-height: 1;
+        flex: 1;
+        min-width: 0; // 防止内容过长撑破布局
       }
 
-      &-icon {
+      &-type {
         font-size: 24px;
         margin-right: 6px;
         &-info {
@@ -89,19 +111,6 @@ $btn-prefix: '#{$prefix}-btn';
         }
       }
 
-      &-close {
-        flex-shrink: 0;
-        margin-left: auto;
-        color: $text-color-assist;
-        cursor: pointer;
-        border-radius: $border-radius;
-        width: 20px;
-        height: 20px;
-        &:hover {
-          background-color: $default-color-hover;
-        }
-      }
-
       &-body {
         flex: 1 1 auto;
         padding: 12px 16px;