just want to change the background color of the pop-up layer. Some people say that open the console to check the pop-up style and then overwrite it in css, but change that mint-toast
style doesn"t work. The real style pops up that can"t be seen at all, not even by changing the disappearance time. I think we should change it through the plug-in itself instead of changing the code of the components below css. You can try
<template>
<div>
<button @click=copy></button>
</div>
</template>
<script>
import { Toast } from "mint-ui"
export default {
methods: {
copy () {
Toast({
message: "",
position: "bottom",
duration: 1000,
className: "toasts"
})
}
}
}
</script>
<style scoped>
.mint-toast {
background-color: red !important;
}
.toasts {
background: red !important;
}
</style>