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

phongdt:add id component

Browse Source
This commit is contained in:
Duong Truong Phong
2024-07-16 11:19:46 +07:00
parent 5a041acd54
commit 5f72a107ce
9 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/dynamic-page/page-component/templates/articles/cards/Audio.vue
+2 -1
View File
@@ -9,6 +9,7 @@ const props = defineProps<{
dataQuery?: any;
layout?: string;
label?: any;
component?: any;
}>();
const LAYOUT_PARSE = computed(() => {
@@ -51,7 +52,7 @@ const parseData = computed(() => {
</script>
<template>
<article class="card-audio" :class="LAYOUT_PARSE['article_Class']" :style="LAYOUT_PARSE['article']">
<article :id="`cpn_${props.component.id}`" 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, '')" />
<div class="card-audio__content">
<span class="flex justify-center">
components/dynamic-page/page-component/templates/articles/cards/Card.vue
+2
View File
@@ -10,6 +10,7 @@ const props = defineProps<{
dataQuery?: any;
layout?: string;
label?: any;
component?: any;
}>();
const LAYOUT_PARSE = computed(() => {
@@ -27,6 +28,7 @@ const parseData = computed(() => {
<template>
<article
v-if="parseData"
:id="`cpn_${props.component.id}`"
class="basic-article border-custom"
:class="LAYOUT_PARSE['article_Class']"
:style="LAYOUT_PARSE['article']"
components/dynamic-page/page-component/templates/articles/cards/MissBackground.vue
+2 -1
View File
@@ -10,6 +10,7 @@ const props = defineProps<{
dataQuery?: any;
layout?: string;
label?: string;
component?: any;
}>();
const LAYOUT_PARSE = computed(() => {
@@ -44,7 +45,7 @@ const drop = (e: any) => {
</script>
<template>
<article class="basic-article border-custom" :class="LAYOUT_PARSE['article_Class']" :style="LAYOUT_PARSE['article']">
<article :id="`cpn_${props.component.id}`" class="basic-article border-custom" :class="LAYOUT_PARSE['article_Class']" :style="LAYOUT_PARSE['article']">
<div class="article_miss">
<template v-if="parseData">
<div class="article_miss_thumb custom-thumb" :style="{ backgroundImage: `url('${parseData.thumbnail ? parseData.thumbnail : '/images/default-thumbnail.jpg'}')` }"></div>
components/dynamic-page/page-component/templates/articles/cards/Video.vue
+2
View File
@@ -8,6 +8,7 @@ const props = defineProps<{
dataQuery?: any;
layout?: string;
label?: any;
component?: any;
}>();
const LAYOUT_PARSE = computed(() => {
@@ -24,6 +25,7 @@ const parseData = computed(() => {
<template>
<article
:id="`cpn_${props.component.id}`"
class="basic-article border-custom"
:class="LAYOUT_PARSE['article_Class']"
:style="LAYOUT_PARSE['article']"