This commit is contained in:
nguyen van thai
2024-07-11 08:38:56 +07:00
parent 7da82c9101
commit 7151e7d311
3 changed files with 5 additions and 5 deletions
@@ -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>