Files
NSG_PORTAL_V2/components/dynamic-page/page-component/templates/other/details/infographics.vue
T
nguyen van thai f22a16d42a thainv-dev: Fix UI
2024-06-03 12:27:58 +07:00

27 lines
916 B
Vue

<script setup lang="ts">
import { useArticleStore } from '~/stores/articles';
const emit = defineEmits(['dropData', 'selectComponent'])
const { currentArticle } = storeToRefs(useArticleStore());
const _props = defineProps<{
dataResult?: any[]
}>()
</script>
<template>
<div class="content" v-if="currentArticle">
<h3 class="text-2xl font-bold sm:text-3xl xl:text-4xl pb-1" v-html="currentArticle?.title"></h3>
<!-- <div class="author">Tác giả - Thời gian tạo</div> -->
<div v-if="currentArticle?.intro" v-html="currentArticle?.intro" class="font-semibold text-xl tracking-widest pb-1"></div>
<div id="article-detail" :class="'text-[15px] tracking-wider'" v-html="currentArticle.detail"
class="[&_img]:mx-auto">
</div>
</div>
</template>
<style scoped lang="scss">
.content {
overflow: hidden;
}
</style>