29 lines
802 B
Vue
29 lines
802 B
Vue
<template>
|
|
<div>
|
|
<div class="field is-grouped">
|
|
<div class="control is-expanded pr-3" v-html="content"></div>
|
|
<div class="control">
|
|
<span class="material-symbols-outlined has-text-danger fs-36">error</span>
|
|
</div>
|
|
</div>
|
|
<p class="border-bottom mt-3 mb-5"></p>
|
|
<div class="field is-grouped">
|
|
<div class="control is-expanded">
|
|
<button class="button is-danger" @click="cancel()">Close</button>
|
|
</div>
|
|
<div class="control" v-if="duration">
|
|
<CountDown v-bind="{duration: duration}"></CountDown>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
props: ['content', 'duration'],
|
|
methods: {
|
|
cancel() {
|
|
this.$store.commit('updateStore', {name: 'showmodal', data: undefined})
|
|
}
|
|
}
|
|
}
|
|
</script> |