feat: 文章访问后，标题颜色改变

IdeaLeap · Feb 11, 2023 · 47cfee8 · 47cfee8
1 parent 6ca3fbd
commit 47cfee8
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 6 deletions.
diff --git a/backend/.tmp/data.db b/backend/.tmp/data.db
diff --git a/frontend/components/ArticlesList/Item/Bar/Bottom.vue b/frontend/components/ArticlesList/Item/Bar/Bottom.vue
@@ -26,7 +26,7 @@ const format = (num: number) => num > 10000 ? `${(num / 10000).toFixed(1)}w` : n
 
 <style scoped>
 .bottombar {
-  @apply flex all-flex
+  @apply flex all-flex leading-[22px]
 }
 .heat {
   @apply pl-2

diff --git a/frontend/components/ArticlesList/Item/Bar/Center.vue b/frontend/components/ArticlesList/Item/Bar/Center.vue
@@ -7,7 +7,7 @@ defineProps<{
 </script>
 
 <template>
-  <div :class="`${ad ? 'pt-3 mb-1' : 'py-4'}`">
+  <div :class="`${ad ? 'mb-1' : ''}`" class="my-[10px]">
     <div class="title">
       {{ title }}
     </div>
@@ -22,6 +22,6 @@ defineProps<{
   @apply truncate text-jj-font-normal text-[16px] title font-semibold tracking-wide
 }
 .summary {
-  @apply pt-3 text-jj_thirdly text-[13px]
+  @apply mt-[8px] text-jj_thirdly text-[13px] leading-[22px]
 }
 </style>
diff --git a/frontend/components/ArticlesList/Item/Bar/Top.vue b/frontend/components/ArticlesList/Item/Bar/Top.vue
@@ -40,7 +40,7 @@ defineProps({
 
 <style scoped>
 .topbar {
-  @apply flex items-center pr-4 text-[13px]
+  @apply flex items-center pr-4 text-[13px] leading-[22px]
 }
 .author {
   @apply transition text-jj-font-normal px-3 border-r-1 pl-0 hover:text-jj-brand-normal

diff --git a/frontend/components/ArticlesList/Item/index.vue b/frontend/components/ArticlesList/Item/index.vue
@@ -13,7 +13,7 @@ const hideHandler = (id: string) => {
   <ul ref="parent">
     <ArticlesListItemAds />
     <li v-for="art in artlist" :key="art.id" class="list_container">
-      <ArticlesListUiLink :to="`/article/${art.id}`">
+      <ArticlesListUiLink class="link" :to="`/article/${art.id}`">
         <div class="left">
           <ArticlesListItemBarTop
             :author-id="art.authorId"
@@ -43,4 +43,7 @@ const hideHandler = (id: string) => {
 .icon {
   @apply i-carbon-close display-none cursor-pointer text-[16px] text-jj-fourthly hover:text-primary transition absolute top-[1rem] right-[1.67rem];
 }
+.link:visited :deep(.title) {
+  @apply text-jj-navs-title
+}
 </style>
diff --git a/frontend/components/ArticlesList/Ui/Link.vue b/frontend/components/ArticlesList/Ui/Link.vue
@@ -12,7 +12,7 @@ defineProps({
 
 <style scoped>
 .link_container {
-  @apply transition flex-1 f-c-c transition-all b-b b-grey all-cursor-pointer px-[1.67rem] pt-[1.25rem] pb-[0.85rem] truncate
+  @apply transition flex-1 f-c-c transition-all b-b b-grey all-cursor-pointer px-[1.67rem] pt-[1rem] pb-[10px] truncate
   @apply dark:b-jj-gray-container-normal hover:bg-jj-hover
 }
 </style>
diff --git a/frontend/unocss.config.ts b/frontend/unocss.config.ts
@@ -196,6 +196,7 @@ export default defineConfig({
         },
         navs: {
           normal: 'var(--juejin-border-navs-header)', // #F3F4F6 //#494949
+          title: 'var(--jjext-color-nav-title)', // #86909c
           wrapper: {
             normal: 'var(--juejin-border-navs-wrapper)', // #E5E7EB //#494949
           },