fix: 调整字体颜色

IdeaLeap · Feb 12, 2023 · 5715afd · 5715afd
1 parent 7476cd1
commit 5715afd
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 8 deletions.
diff --git a/backend/.tmp/data.db b/backend/.tmp/data.db
diff --git a/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json b/backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json
@@ -14,7 +14,7 @@
       "name": "Apache 2.0",
       "url": "https://www.apache.org/licenses/LICENSE-2.0.html"
     },
-    "x-generation-date": "2023-02-11T07:39:26.502Z"
+    "x-generation-date": "2023-02-12T05:00:15.418Z"
   },
   "x-strapi-config": {
     "path": "/documentation",

diff --git a/frontend/components/ArticlesList/Item/index.vue b/frontend/components/ArticlesList/Item/index.vue
@@ -34,6 +34,7 @@ const hideHandler = (id: string) => {
 .list_container {
   @apply relative;
 }
+
 .list_container:hover .icon {
   @apply block;
 }

diff --git a/frontend/components/ArticlesList/Navigation/Link.vue b/frontend/components/ArticlesList/Navigation/Link.vue
@@ -3,23 +3,23 @@
     <NuxtLink
       to="?"
       :class="`${
-        $route.query.sort ? 'text-gray-500' : 'text-link'
+        $route.query.sort ? 'text-jj-gray-normal' : 'text-link'
       } br text_style pl-0`"
     >
       推荐
     </NuxtLink>
     <NuxtLink
       to="?sort=newest"
       :class="`${
-        $route.query.sort === 'newest' ? 'text-link' : 'text-gray-500'
+        $route.query.sort === 'newest' ? 'text-link' : 'text-jj-gray-normal'
       } br text_style`"
     >
       最新
     </NuxtLink>
     <NuxtLink
       to="?sort=three_days_hottest"
       :class="`${
-        ($route.query.sort && $route.query.sort?.indexOf('hottest') !== -1) ? 'text-link' : 'text-gray-500'
+        ($route.query.sort && $route.query.sort?.indexOf('hottest') !== -1) ? 'text-link' : 'text-jj-gray-normal'
       } text_style`"
     >
       热榜

diff --git a/frontend/components/ArticlesList/Navigation/index.vue b/frontend/components/ArticlesList/Navigation/index.vue
@@ -1,6 +1,13 @@
 <template>
-  <div class="flex text-[1.17rem] pl-[0.42rem] border-b-1 dark:border-[#888]">
+  <div class="navigator">
     <ArticlesListNavigationLink />
     <ArticlesListNavigationSelect />
   </div>
 </template>
+
+<style scoped>
+.navigator {
+  border-bottom: 1px solid hsla(0,0%,59.2%,.1);
+  @apply flex text-[1.17rem] pl-[0.42rem] border-b-1 dark:border-[#888]
+}
+</style>
diff --git a/frontend/components/ArticlesList/Ui/Link.vue b/frontend/components/ArticlesList/Ui/Link.vue
@@ -12,7 +12,11 @@ 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-[1rem] pb-[10px] truncate
-  @apply dark:b-jj-gray-container-normal hover:bg-jj-hover
+  @apply relative transition flex-1 f-c-c transition-all all-cursor-pointer px-[1.67rem] pt-[1rem] pb-[10px] truncate
+  @apply hover:bg-jj-hover
+}
+.link_container::after {
+  background-color: rgba(185, 186, 190, .35);
+  @apply absolute content-none bottom-0 h-[1px] left-[1.67rem] right-[1.67rem]
 }
 </style>
diff --git a/frontend/composables/useThrottle.ts b/frontend/composables/useThrottle.ts
@@ -1,4 +1,4 @@
-export default (fn?: () => any, wait = 1000) => {
+export default (fn?: () => any, wait = 750) => {
   let timer: NodeJS.Timeout | null = null
   return () => {
     if (!timer) {