You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
457 B
31 lines
457 B
<template> |
|
<div class="success-message"> |
|
{{ message }} |
|
</div> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
props: { |
|
message: String |
|
} |
|
}; |
|
</script> |
|
|
|
<style scoped> |
|
.success-message { |
|
position: fixed; |
|
top: 20px; |
|
right: -200px; |
|
padding: 10px 20px; |
|
border-radius: 5px; |
|
background-color: #67C23A; |
|
color: #fff; |
|
transition: all .4s ease-in-out; |
|
} |
|
|
|
.success-message.show { |
|
right: 20px; |
|
} |
|
</style> |
|
|