From c90c67d55372df5ea9912610b667a1e6f04643b6 Mon Sep 17 00:00:00 2001
From: jackyzm <jackyzm@foxmail.com>
Date: Wed, 12 Dec 2018 16:54:09 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E5=A4=9A=E4=B8=AAMessage?=
 =?UTF-8?q?=E9=87=8D=E5=8F=A0=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/message.css | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/message.css b/src/message.css
index 60fbf156..f2c53b85 100644
--- a/src/message.css
+++ b/src/message.css
@@ -2,6 +2,14 @@
 @import "./common/var.css";
 
 @component-namespace el {
+  .el-message-content {
+    position: fixed;
+    left: 50%;
+    top: 20px;
+    transform: translateX(-50%);
+    z-index: 9999;
+    min-width: 300px;
+  }
 
   @b message {
     box-shadow: var(--message-shadow);
@@ -9,12 +17,10 @@
     padding: var(--message-padding);
     box-sizing: border-box;
     border-radius: var(--border-radius-small);
-    position: fixed;
-    left: 50%;
-    top: 20px;
-    transform: translateX(-50%);
+    position: relative;
+    margin-bottom: 10px;
     background-color: var(--color-white);
-    transition: opacity 0.3s, transform .4s;
+    transition: opacity 0.3s, transform 0.4s;
     overflow: hidden;
 
     @e group {
@@ -81,6 +87,6 @@
   .el-message-fade-enter,
   .el-message-fade-leave-active {
     opacity: 0;
-    transform: translate(-50%, -100%);
+    transform: translate(0, -100%);
   }
 }