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