预览:
源码:
<template>
<div class="toast" v-show="show">
<div>{{message}}</div>
</div>
</template>
<script>
export default {
name: "toast",
props:{
message:{
type: String,
default: ''
},
show:{
type: Boolean,
default: false
}
}
}
</script>
<style scoped>
.toast{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #fff;
background-color: rgba(0,0,0,.75);
}
</style>