From 383c5c066562f912a2cc38a8a74766622d4a8031 Mon Sep 17 00:00:00 2001
From: qiuzhilong <793441489@qq.com>
Date: Mon, 6 Dec 2021 00:16:22 +0800
Subject: [PATCH] =?UTF-8?q?fix(alert):=20=E5=85=B3=E9=97=ADicon=E5=9E=82?=
 =?UTF-8?q?=E7=9B=B4=E5=B1=85=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/devui-vue/devui/alert/src/alert.scss | 17 +++++++++--------
 packages/devui-vue/devui/alert/src/alert.tsx  |  4 ++--
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/packages/devui-vue/devui/alert/src/alert.scss b/packages/devui-vue/devui/alert/src/alert.scss
index c4bd6eb2..68704fc1 100644
--- a/packages/devui-vue/devui/alert/src/alert.scss
+++ b/packages/devui-vue/devui/alert/src/alert.scss
@@ -8,16 +8,17 @@
   color: $devui-text;
   font-size: $devui-font-size;
   border: 1px solid transparent;
-  padding: 10px;
-  line-height: 20px;
+  padding: 8px 16px;
+  line-height: 24px;
   border-radius: $devui-border-radius;
-  padding-left: 16px;
   word-break: normal;
   word-wrap: break-word;
 
-  button.devui-close {
+  .devui-close {
     color: $devui-text;
     opacity: 1;
+    line-height: 26px;
+    height: 24px;
 
     & > svg path {
       fill: $devui-light-text;
@@ -35,7 +36,7 @@
     border-color: $devui-success-line;
     color: $devui-text;
 
-    button.devui-close {
+    .devui-close {
       & > svg path {
         fill: $devui-success-line;
       }
@@ -47,7 +48,7 @@
     border-color: $devui-info-line;
     color: $devui-text;
 
-    button.devui-close {
+    .devui-close {
       & > svg path {
         fill: $devui-info-line;
       }
@@ -59,7 +60,7 @@
     border-color: $devui-warning-line;
     color: $devui-text;
 
-    button.devui-close {
+    .devui-close {
       & > svg path {
         fill: $devui-warning-line;
       }
@@ -71,7 +72,7 @@
     border-color: $devui-danger-line;
     color: $devui-text;
 
-    button.devui-close {
+    .devui-close {
       & > svg path {
         fill: $devui-danger-line;
       }
diff --git a/packages/devui-vue/devui/alert/src/alert.tsx b/packages/devui-vue/devui/alert/src/alert.tsx
index d9e42d0c..afd1b29f 100644
--- a/packages/devui-vue/devui/alert/src/alert.tsx
+++ b/packages/devui-vue/devui/alert/src/alert.tsx
@@ -70,9 +70,9 @@ export default defineComponent({
             }`}
           >
             {props.closeable ? (
-              <button type="button" class="devui-close" onClick={close}>
+              <div class="devui-close" onClick={close}>
                 <AlertCloseIcon></AlertCloseIcon>
-              </button>
+              </div>
             ) : null}
             {props.showIcon !== false && props.type !== 'simple' ? (
               <span class="devui-alert-icon">
-- 
Gitee