31 lines
869 B
Vue
31 lines
869 B
Vue
<template>
|
|
<div>
|
|
<div class="field is-grouped">
|
|
<div class="control is-expanded pr-3" v-html="content"></div>
|
|
<div class="control">
|
|
<SvgIcon v-bind="{name: 'error.svg', type: 'danger', size: 24}"></SvgIcon>
|
|
</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 has-text-white" @click="cancel()">Đóng</button>
|
|
</div>
|
|
<div class="control" v-if="duration">
|
|
<CountDown v-bind="{duration: duration}" @close="cancel()"></CountDown>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
|
|
import { useStore } from '@/stores/index'
|
|
const store = useStore()
|
|
var props = defineProps({
|
|
content: String,
|
|
duration: Number
|
|
})
|
|
function cancel() {
|
|
this.$emit('close')
|
|
}
|
|
</script> |