优化标签组滚动效果，添加指针样式，调整标签组件结构

src/views/Home.vue

@@ -13,10 +13,12 @@
           </d-input>
         </div>
         <!-- 标签组 -->
-        <div v-if="navlist.length" class="flex gap-6 px-12 mt-6 mb-3 overflow-x-auto">
-          <d-tag hideBeyondTags v-for="tag in tagList" :checked="tag.checked" :color="tag.color"
-            @click="handdleTagClick(tag)">{{ tag.name }}</d-tag>
-        </div>
+        <PerfectScrollbar class="">
+          <div v-if="navlist.length" class="flex gap-6 px-12 mt-6 mb-3 overflow-x-auto ">
+            <d-tag class="cursor-pointer" hideBeyondTags v-for="tag in tagList" :checked="tag.checked" :color="tag.color"
+              @click="handdleTagClick(tag)">{{ tag.name }}</d-tag>
+          </div>
+        </PerfectScrollbar>
         <!-- 图片网格展示区域 -->
         <PerfectScrollbar class="" :style="navStyle">
           <div class="navcard grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-6 gap-5 pt-3 pb-6 px-12">