fixed #1881

梁灏
1 parent a87597bf
Showing 3 changed files with 19 additions and 5 deletions Show diff stats
examples/routers/message.vue
src/components/base/notification/notice.vue
src/styles/components/message.less
@@ -38,10 +38,10 @@
             }
         },
         mounted () {
-            this.$Message.config({
-                top: 50,
-                duration: 3
-            });
+//            this.$Message.config({
+//                top: 50,
+//                duration: 3
+//            });
         }
     }
 </script>
 <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 () {
@@ -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;
         }