update $Message

examples/routers/message.vue

@@ -14,7 +14,8 @@
             info () {
                 this.$Message.info({
                     content: '这是一条普通的提示',
-                    duration: 1000
+                    duration: 1000,
+                    background: true
                 });
             },
             success () {

src/components/base/notification/notice.vue

@@ -83,6 +83,9 @@
             background: {
                 type: Boolean,
                 default: false
+            },
+            msgType: {
+                type: String
             }
         },
         data () {
@@ -103,7 +106,8 @@
                     {
                         [`${this.className}`]: !!this.className,
                         [`${this.baseClass}-closable`]: this.closable,
-                        [`${this.baseClass}-with-desc`]: this.withDesc
+                        [`${this.baseClass}-with-desc`]: this.withDesc,
+                        [`${this.baseClass}-with-background`]: this.background
                     }
                 ];
             },

src/components/base/notification/notification.vue

@@ -15,6 +15,7 @@
             :name="notice.name"
             :transition-name="notice.transitionName"
             :background="notice.background"
+            :msg-type="notice.msgType"
             :on-close="notice.onClose">
         </Notice>
     </div>

src/components/message/index.js

@@ -54,6 +54,7 @@ function notice (content = '', duration = defaults.duration, type, onClose = fun
         onClose: onClose,
         closable: closable,
         type: 'message',
+        msgType: type,
         background: background
     });