.
This commit is contained in:
@@ -36,7 +36,7 @@ console.log(currentArticle.value, "currentArticle");
|
|||||||
<div class="category flex justify-between flex-wrap items-center mb-10px">
|
<div class="category flex justify-between flex-wrap items-center mb-10px">
|
||||||
<ul class="flex gap-32px">
|
<ul class="flex gap-32px">
|
||||||
<li v-for="(category, index) in currentCategoryTree" :key="index" class="first:text-#000 text-#929292 last:after:content-[''] relative after:absolute after:content-['/'] after:text-20px after:right--20px">
|
<li v-for="(category, index) in currentCategoryTree" :key="index" class="first:text-#000 text-#929292 last:after:content-[''] relative after:absolute after:content-['/'] after:text-20px after:right--20px">
|
||||||
<nuxt-link class="font-raleway text-18px font-500 leading-180% uppercase" :to="`${category.code}`">{{ category.title }}</nuxt-link>
|
<nuxt-link class="font-raleway text-18px font-500 leading-180% uppercase" :to="`/${category.code}`">{{ category.title }}</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
@@ -52,7 +52,7 @@ console.log(currentArticle.value, "currentArticle");
|
|||||||
<div class="author flex gap-12px my-20px" v-if="currentArticle.authors">
|
<div class="author flex gap-12px my-20px" v-if="currentArticle.authors">
|
||||||
<ul class="flex">
|
<ul class="flex">
|
||||||
<li :style="{ 'z-index': index + 1 }" class="relative ml--12px first:ml-0" v-for="(author, index) in currentArticle.authors" :key="index">
|
<li :style="{ 'z-index': index + 1 }" class="relative ml--12px first:ml-0" v-for="(author, index) in currentArticle.authors" :key="index">
|
||||||
<nuxt-link :to="`tac-gia/${author.code}`">
|
<nuxt-link :to="`/tac-gia/${author.code}`">
|
||||||
<img :src="author.thumbnail || `http://picsum.photos/1024/600?random=1`" alt="" class="w-64px p-1px border-1px border-white h-64px object-cover rounded-full" />
|
<img :src="author.thumbnail || `http://picsum.photos/1024/600?random=1`" alt="" class="w-64px p-1px border-1px border-white h-64px object-cover rounded-full" />
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@@ -42,7 +42,7 @@ const mapActivesToItems = (index: number) => {
|
|||||||
<template v-if="!isEmpty(component)">
|
<template v-if="!isEmpty(component)">
|
||||||
<div>
|
<div>
|
||||||
<h3 :style="mapActivesToItems(index)['h3.categories']">
|
<h3 :style="mapActivesToItems(index)['h3.categories']">
|
||||||
<nuxt-link :to="`${component.code}`">{{ component.title }}</nuxt-link>
|
<nuxt-link :to="`/${component.code}`">{{ component.title }}</nuxt-link>
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div v-html="designObject.styleClasses"></div>
|
<div v-html="designObject.styleClasses"></div>
|
||||||
|
|||||||
@@ -201,7 +201,7 @@ console.log(currentArticle.value ,'currentArticle')
|
|||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="(tag, index) in currentArticle.tags">
|
<li v-for="(tag, index) in currentArticle.tags">
|
||||||
<nuxt-link class="font-raleway font-500" :to="`tag/${tag.code}`">{{ tag.title }}</nuxt-link>
|
<nuxt-link class="font-raleway font-500" :to="`/tag/${tag.code}`">{{ tag.title }}</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -227,7 +227,7 @@ console.log(currentArticle.value ,'currentArticle')
|
|||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div v-if="currentArticle.topics" class="pl-20px relative bg-primary inline-block">
|
<div v-if="currentArticle.topics" class="pl-20px relative bg-primary inline-block">
|
||||||
<nuxt-link class="h-30px block py-4px px-16px border-1 border-#000 bg-white text-12px leading-180% font-raleway font-400" :to="`/topic/${currentArticle.topics[0].code}`">{{ currentArticle.topics[0].title }}</nuxt-link>
|
<nuxt-link class="h-30px block py-4px px-16px border-1 border-#000 bg-white text-12px leading-180% font-raleway font-400" :to="`/topic/${currentArticle.topics[0].slug}`">{{ currentArticle.topics[0].title }}</nuxt-link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h2 class="font-gelasio text-44px font-bold leading-130%" v-if="currentArticle.title" v-html="currentArticle.title"></h2>
|
<h2 class="font-gelasio text-44px font-bold leading-130%" v-if="currentArticle.title" v-html="currentArticle.title"></h2>
|
||||||
|
|||||||
Reference in New Issue
Block a user