From 36a9157947148a0747062137d4555619af32f7ae 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 20:10:44 +0800
Subject: [PATCH] fixed #1881

---
 examples/routers/message.vue                |  8 ++++----
 src/components/base/notification/notice.vue | 14 +++++++++++++-
 src/styles/components/message.less          |  2 ++
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/examples/routers/message.vue b/examples/routers/message.vue
index 658812a7..fcb9b0e5 100644
--- a/examples/routers/message.vue
+++ b/examples/routers/message.vue
@@ -38,10 +38,10 @@
             }
         },
         mounted () {
-            this.$Message.config({
-                top: 50,
-                duration: 3
-            });
+//            this.$Message.config({
+//                top: 50,
+//                duration: 3
+//            });
         }
     }
 </script>
diff --git a/src/components/base/notification/notice.vue b/src/components/base/notification/notice.vue
index bec1f2fe..60a6864c 100644
--- a/src/components/base/notification/notice.vue
+++ b/src/components/base/notification/notice.vue
@@ -1,5 +1,5 @@
 <template>
-    <transition :name="transitionName">
+    <transition :name="transitionName" @enter="handleEnter" @leave="handleLeave">
         <div :class="classes" :style="styles">
             <template v-if="type === 'notice'">
                 <div :class="[baseClass + '-content']" ref="content" v-html="content"></div>
@@ -96,6 +96,18 @@
                 this.clearCloseTimer();
                 this.onClose();
                 this.$parent.close(this.name);
+            },
+            handleEnter (el) {
+                if (this.type === 'message') {
+                    el.style.height = el.scrollHeight + 'px';
+                }
+            },
+            handleLeave (el) {
+                if (this.type === 'message') {
+                    el.style.height = 0;
+                    el.style.paddingTop = 0;
+                    el.style.paddingBottom = 0;
+                }
             }
         },
         mounted () {
diff --git a/src/styles/components/message.less b/src/styles/components/message.less
index 2c457d35..edee077d 100644
--- a/src/styles/components/message.less
+++ b/src/styles/components/message.less
@@ -13,6 +13,8 @@
     &-notice {
         padding: 8px;
         text-align: center;
+        transition: height @animation-time @ease-in-out, padding @animation-time @ease-in-out;
+
         &:first-child {
           margin-top: -8px;
         }