refactor(PostCard): ♻️ pC 端时支持点击 tag 跳转

ivestszheng · May 19, 2024 · 6ab6621 · 6ab6621
1 parent fb7813f
commit 6ab6621
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/docs/.vitepress/PostCard.vue b/docs/.vitepress/PostCard.vue
@@ -41,13 +41,14 @@ function gotoPost(url) {
     ></p>
     <div class="flex justify-between items-center text-xs">
       <div v-text="date"></div>
-      <div class="flex">
-        <div
+      <div class="flex space-x-1">
+        <a
           v-for="(tag, i) in tags"
           v-text="tag"
-          class="bg-[var(--vp-c-bg-alt)] px-2 py-1"
-          :class="{ 'ml-2': i !== 0 }"
-        ></div>
+          :href="`/pages/tags?tag=${tag}`"
+          @click.stop
+          class="bg-[var(--vp-c-bg-alt)] px-2 py-1 pointer-events-none md:pointer-events-auto md:hover:text-[var(--vp-c-brand)]"
+        ></a>
       </div>
     </div>
   </div>