Commit a77eaa5c93778e899d8e91bc350d9656e150e36a
1 parent
f0af86ea
update
Showing
2 changed files
with
12 additions
and
1 deletions
Show diff stats
examples/routers/message.vue
@@ -22,7 +22,10 @@ | @@ -22,7 +22,10 @@ | ||
22 | }) | 22 | }) |
23 | }, | 23 | }, |
24 | success () { | 24 | success () { |
25 | - this.$Message.success('这是一条成功的提示'); | 25 | + this.$Message.success({ |
26 | + content: '这是一条成功的提示', | ||
27 | + duration: 4 | ||
28 | + }); | ||
26 | }, | 29 | }, |
27 | warning () { | 30 | warning () { |
28 | this.$Message.warning('这是一条警告的提示'); | 31 | this.$Message.warning('这是一条警告的提示'); |
@@ -33,6 +36,12 @@ | @@ -33,6 +36,12 @@ | ||
33 | destroy () { | 36 | destroy () { |
34 | this.$Message.destroy(); | 37 | this.$Message.destroy(); |
35 | } | 38 | } |
39 | + }, | ||
40 | + mounted () { | ||
41 | + this.$Message.config({ | ||
42 | + top: 50, | ||
43 | + duration: 3 | ||
44 | + }); | ||
36 | } | 45 | } |
37 | } | 46 | } |
38 | </script> | 47 | </script> |
src/styles/components/message.less
@@ -8,6 +8,7 @@ | @@ -8,6 +8,7 @@ | ||
8 | width: 100%; | 8 | width: 100%; |
9 | top: 16px; | 9 | top: 16px; |
10 | left: 0; | 10 | left: 0; |
11 | + pointer-events: none; | ||
11 | 12 | ||
12 | &-notice { | 13 | &-notice { |
13 | padding: 8px; | 14 | padding: 8px; |
@@ -37,6 +38,7 @@ | @@ -37,6 +38,7 @@ | ||
37 | border-radius: @border-radius-small; | 38 | border-radius: @border-radius-small; |
38 | box-shadow: @shadow-base; | 39 | box-shadow: @shadow-base; |
39 | background: #fff; | 40 | background: #fff; |
41 | + position: relative; | ||
40 | &-text{ | 42 | &-text{ |
41 | display: inline-block; | 43 | display: inline-block; |
42 | } | 44 | } |