|
@@ -12,9 +12,11 @@
|
|
|
>
|
|
>
|
|
|
<div
|
|
<div
|
|
|
class="nut-toast-inner"
|
|
class="nut-toast-inner"
|
|
|
|
|
+ :class="toastClass"
|
|
|
:style="{
|
|
:style="{
|
|
|
'text-align': textAlignCenter ? 'center' : 'left',
|
|
'text-align': textAlignCenter ? 'center' : 'left',
|
|
|
'background-color': bgColor,
|
|
'background-color': bgColor,
|
|
|
|
|
+ ...toastStyle,
|
|
|
}"
|
|
}"
|
|
|
>
|
|
>
|
|
|
<span v-if="hasIcon" class="nut-toast-icon-wrapper">
|
|
<span v-if="hasIcon" class="nut-toast-icon-wrapper">
|
|
@@ -51,6 +53,8 @@ export default {
|
|
|
onClose: null,
|
|
onClose: null,
|
|
|
textTimer: null,
|
|
textTimer: null,
|
|
|
cover: false,
|
|
cover: false,
|
|
|
|
|
+ toastStyle: {},
|
|
|
|
|
+ toastClass: '',
|
|
|
coverColor: 'rgba(0, 0, 0, 0)',
|
|
coverColor: 'rgba(0, 0, 0, 0)',
|
|
|
timeStamp: null,
|
|
timeStamp: null,
|
|
|
closeOnClickOverlay: false,
|
|
closeOnClickOverlay: false,
|