diff --git a/examples/routers/message.vue b/examples/routers/message.vue
index 658812a..fcb9b0e 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 bec1f2f..60a6864 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 2c457d3..edee077 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;
         }
--
libgit2 0.21.4