From f0af86ea3e525634da42cc3aba22379169c6d588 Mon Sep 17 00:00:00 2001
From: lan <adwerrd@hotmail.com>
Date: Mon, 4 Sep 2017 19:50:18 +0800
Subject: [PATCH 1/2] Fix multiple messages with overlapping bugs

---
 src/styles/components/message.less | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/styles/components/message.less b/src/styles/components/message.less
index 6e706f12..c16230a7 100644
--- a/src/styles/components/message.less
+++ b/src/styles/components/message.less
@@ -10,10 +10,11 @@
     left: 0;
 
     &-notice {
-        width: auto;
-        vertical-align: middle;
-        position: absolute;
-        left: 50%;
+        padding: 8px;
+        text-align: center;
+        &:first-child {
+          margin-top: -8px;
+        }
 
         &-close {
             position: absolute;
@@ -29,14 +30,13 @@
     }
 
     &-notice-content {
-        position: relative;
-        right: 50%;
+        display: inline-block;
+        pointer-events: all;
         padding: 8px 16px;
         //border: 1px solid @border-color-split;
         border-radius: @border-radius-small;
         box-shadow: @shadow-base;
         background: #fff;
-        display: block;
         &-text{
             display: inline-block;
         }

From a77eaa5c93778e899d8e91bc350d9656e150e36a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Thu, 14 Sep 2017 18:13:41 +0800
Subject: [PATCH 2/2] update

---
 examples/routers/message.vue       | 11 ++++++++++-
 src/styles/components/message.less |  2 ++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/examples/routers/message.vue b/examples/routers/message.vue
index 19644db9..658812a7 100644
--- a/examples/routers/message.vue
+++ b/examples/routers/message.vue
@@ -22,7 +22,10 @@
                 })
             },
             success () {
-                this.$Message.success('这是一条成功的提示');
+                this.$Message.success({
+                    content: '这是一条成功的提示',
+                    duration: 4
+                });
             },
             warning () {
                 this.$Message.warning('这是一条警告的提示');
@@ -33,6 +36,12 @@
             destroy () {
                 this.$Message.destroy();
             }
+        },
+        mounted () {
+            this.$Message.config({
+                top: 50,
+                duration: 3
+            });
         }
     }
 </script>
diff --git a/src/styles/components/message.less b/src/styles/components/message.less
index c16230a7..2c457d35 100644
--- a/src/styles/components/message.less
+++ b/src/styles/components/message.less
@@ -8,6 +8,7 @@
     width: 100%;
     top: 16px;
     left: 0;
+    pointer-events: none;
 
     &-notice {
         padding: 8px;
@@ -37,6 +38,7 @@
         border-radius: @border-radius-small;
         box-shadow: @shadow-base;
         background: #fff;
+        position: relative;
         &-text{
             display: inline-block;
         }