fix: 修复图标无法触发链接 (#103)

Signed-off-by: crrashh1542 <[email protected]>
crrashh1542 · Feb 19, 2024 · 360ccd8 · 360ccd8
1 parent 2b8c3b3
commit 360ccd8
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 20 deletions.
diff --git a/src/views/DataCategoryList.vue b/src/views/DataCategoryList.vue
@@ -93,15 +93,15 @@ export default {
 
         <!-- 快速导航 -->
         <TopNav>
-            <span class="icon-left" v-if="category.previous != null">
-                <router-link :to="category.previous.path" @click="refreshData(category.previous)">
-                    {{ category.previous.name }}</router-link>
-            </span>
+            <router-link :to="category.previous.path" v-if="category.previous != null"
+                @click="refreshData(category.previous)">
+                <span class="icon-left">{{ category.previous.name }}</span>
+            </router-link>
             <span class="grow"></span>
-            <span class="icon-right" v-if="category.next != null">
-                <router-link :to="category.next.path" @click="refreshData(category.next)">
-                    {{ category.next.name }}</router-link>
-            </span>
+            <router-link :to="category.next.path" v-if="category.next != null"
+                @click="refreshData(category.next)">
+                <span class="icon-right">{{ category.next.name }}</span>
+            </router-link>
         </TopNav>
 
         <!-- 基本信息 -->

diff --git a/src/views/DataDetail.vue b/src/views/DataDetail.vue
@@ -87,19 +87,21 @@ export default {
 
         <!-- 快速导航 -->
         <TopNav>
-            <span class="icon-left" v-if="detail.nav.previous != null">
-                <router-link 
-                    :to="constructNavRoute(detail.nav.previous)" 
-                    @click="refreshData(detail.nav.previous.category, detail.nav.previous.build)">
-                    {{ detail.nav.previous.build }}</router-link>
-            </span>
+            <router-link 
+                :to="constructNavRoute(detail.nav.previous)" v-if="detail.nav.previous != null"
+                @click="refreshData(detail.nav.previous.category, detail.nav.previous.build)">
+                <span class="icon-left">
+                    {{ detail.nav.previous.build }}
+                </span>
+            </router-link>
             <span class="grow"></span>
-            <span class="icon-right" v-if="detail.nav.next != null">
-                <router-link 
-                    :to="constructNavRoute(detail.nav.next)" 
-                    @click="refreshData(detail.nav.next.category, detail.nav.next.build)">
-                    {{ detail.nav.next.build }}</router-link>
-            </span>
+            <router-link 
+                :to="constructNavRoute(detail.nav.next)" v-if="detail.nav.next != null"
+                @click="refreshData(detail.nav.next.category, detail.nav.next.build)">
+                <span class="icon-right">
+                    {{ detail.nav.next.build }}
+                </span>
+            </router-link>
         </TopNav>
 
         <!-- 一览卡片 -->