minhnt/NSG_PORTAL_V2
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

thainv-dev: Fix

Browse Source
This commit is contained in:
nguyen van thai
2024-07-03 15:33:51 +07:00
parent ee5c6f40f1
commit 554ceab3c6
36 changed files with 1033 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/dynamic-page/page-component/templates/articles/cards/Audio.vue
+10 -7
View File
@@ -1,8 +1,7 @@
<script setup lang="ts">
const type = ref("");
import { enumPageComponentTemplates } from "@/definitions/enum";
import { DEFAULT_QUERY_DROP } from "@/utils/parseSQL";
import { getInputValue } from "@/utils/parseSQL";
import { DEFAULT_QUERY_DROP, getInputValue } from "@/utils/parseSQL";
const props = defineProps<{
dataResult?: any;
@@ -50,6 +49,7 @@ const parseData = computed(() => {
return result;
});
</script>
<template>
<article class="card-audio" :class="LAYOUT_PARSE['article_Class']" :style="LAYOUT_PARSE['article']">
<img :src="parseData?.thumbnail ? parseData?.thumbnail : 'https://indiaeducationdiary.in/wp-content/uploads/2021/02/SD-default-image.png'" :alt="parseData?.title?.replace(/<[^>]+>/g, '')" />
@@ -67,18 +67,21 @@ const parseData = computed(() => {
<div class="card-audio__type-category">
<div class="card-audio__type" v-if="type">{{ type }}</div>
<nuxt-link v-if="parseData" class="card-audio__category" :style="LAYOUT_PARSE['category-article']" :class="LAYOUT_PARSE['category-article_Class']">{{
<nuxt-link v-if="parseData" to="#" class="card-audio__category" :style="LAYOUT_PARSE['category-article']" :class="LAYOUT_PARSE['category-article_Class']">{{
parseData?.category?.title
}}</nuxt-link>
<span v-else class="empty-block" style="height: 8px; width: 30px"></span>
</div>
<nuxt-link>
<h2 v-html="parseData.title" v-if="parseData" :class="LAYOUT_PARSE['title_Class']" :style="LAYOUT_PARSE['h3.title']"></h2>
<h2 v-if="parseData" :class="LAYOUT_PARSE['title_Class']" :style="LAYOUT_PARSE['h3.title']">
<nuxt-link :to="`/bai-viet/${parseData.code}`" v-html="parseData.title"></nuxt-link>
</h2>
<span v-else class="empty-block" style="height: 8px"></span>
</nuxt-link>
</div>
</article>
<div v-html="LAYOUT_PARSE.styleClasses" style="display:none;"></div>
<div v-if="LAYOUT_PARSE.styleClasses" v-html="LAYOUT_PARSE.styleClasses" style="display:none;"></div>
<!-- <div>
aaaaaaa
</div> -->
</template>
<style lang="scss">
components/dynamic-page/page-component/templates/articles/cards/Card.vue
+8 -3
View File
@@ -33,19 +33,24 @@ const parseData = computed(() => {
>
<div class="basic-article_thumbnail" :class="LAYOUT_PARSE['thumbnail_Class']" :style="LAYOUT_PARSE['div.basic-article_thumbnail']">
<template v-if="parseData">
<img class="object-fit-cover" :src="parseData.thumbnail ? parseData.thumbnail : '/images/default-thumbnail.jpg'" :alt="parseData.title?.replace(/<[^>]+>/g, '')" />
<nuxt-link :to="`${parseData.code}`">
<img class="object-fit-cover" :src="parseData.thumbnail ? parseData.thumbnail : '/images/default-thumbnail.jpg'" :alt="parseData.title?.replace(/<[^>]+>/g, '')" />
</nuxt-link>
</template>
<span v-else class="empty-block" style="width: 100%; height: 100%; min-height: 50px"></span>
</div>
<div class="basic-article_content" :class="[!parseData && 'no-data']">
<template v-if="parseData?.topics && parseData?.topics.length > 0">
<nuxt-link class="article-card-default__topic" :to="`/${parseData?.topics[0].code}`" :style="LAYOUT_PARSE['topic']">
<h5>{{ parseData?.topics[0].title }}</h5>
<h5><nuxt-link :to="`/topic/${parseData?.topics[0].code}`">
{{ parseData?.topics[0].title }}</nuxt-link></h5>
</nuxt-link>
</template>
<h3 class="line-clamp" :class="LAYOUT_PARSE['title_Class']" :style="LAYOUT_PARSE['h3.title']">
<template v-if="parseData">
{{ parseData.title?.replace(/<[^>]+>/g, "") }}
<nuxt-link :to="`/bai-viet/${parseData.code}`">
{{ parseData.title?.replace(/<[^>]+>/g, "") }}
</nuxt-link>
</template>
<span v-else class="empty-block" style="height: 8px"></span>
</h3>
components/dynamic-page/page-component/templates/articles/cards/VideoBackground.vue
-1
View File
@@ -26,7 +26,6 @@ const playVideo = ref<boolean>(false)
onMounted(() => {
getResource(JSON.parse(props.dataResult).detail)
console.log()
})
</script>