45 lines
984 B
Vue
45 lines
984 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>
|