update

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>

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;
         }