fix: bug修复阶段v2.9

components/common/category/item.vue

@@ -6,17 +6,19 @@ defineProps({
 
 <template>
   <div>
-    <div class="custom-main mx-auto  overflow-hidden pos-relative">
-      <h2 class="!mb-16px text-30px lh-32px fw-800 text-#333">
-        {{ item.contentTitle }}
-      </h2>
-      <img
-        :src="item.bannerImg"
-        alt=""
-        srcset=""
-        class="w-260px h-260px object-cover mx-auto"
-      >
-    </div>
+    <NuxtLink :to="`/categories/${item.slug}`">
+      <div class="custom-main mx-auto  overflow-hidden pos-relative">
+        <h2 class="!mb-16px text-30px lh-32px fw-800 text-#333">
+          {{ item.contentTitle }}
+        </h2>
+        <img
+          :src="item.bannerImg"
+          alt=""
+          srcset=""
+          class="w-260px h-260px object-cover mx-auto"
+        >
+      </div>
+    </NuxtLink>
   </div>
 </template>
 

components/common/navigation/icon-group.vue

@@ -34,7 +34,7 @@ defineProps({
     <img v-if="icon === 'trend-toys-collectibles'" :src="active === 'trend-toys-collectibles' ? trendActive : trend" alt="" class="!w-20px !h-20px">
     <img v-if="icon === 'tech-gadgets-accessories'" :src="active === 'tech-gadgets-accessories' ? techActive : tech" alt="" class="!w-20px !h-20px">
     <img v-if="icon === 'lifestyle-wellness'" :src="active === 'lifestyle-wellness' ? lifeStyleActive : lifeStyle" alt="" class="!w-20px !h-20px">
-    <img v-if="icon === 'stationary-office-supplies'" :src="active === 'stationary-office-supplies' ? stationeryActive : stationery" alt="" class="!w-20px !h-20px">
+    <img v-if="icon === 'stationery-office-supplies'" :src="active === 'stationery-office-supplies' ? stationeryActive : stationery" alt="" class="!w-20px !h-20px">
     <img v-if="icon === 'fashion-accessories'" :src="active === 'fashion-accessories' ? fashionActive : fashion" alt="" class="!w-20px !h-20px">
     <img v-if="icon === 'gifts-seasonal-items'" :src="active === 'gifts-seasonal-items' ? giftsActive : gifts" alt="" class="!w-20px !h-20px">
     <img v-if="icon === 'creative-home-products'" :src="active === 'creative-home-products' ? creativeActive : creative" alt="" class="!w-20px !h-20px">

components/common/navigation/index.vue

@@ -72,7 +72,7 @@ function toCategories() {
       </span>
       <template #dropdown>
         <div class="w-1200px p-30px flex  justify-center">
-          <div class="pr-10px">
+          <div class="pr-10px w-440px">
             <div class="mb-20px text-16px fw-800 text-#333 flex items-center">
               <NuxtLink to="/categories">
                 By Category
@@ -86,12 +86,12 @@ function toCategories() {
                   :to="`/categories/${item.slug}`"
                   class="text-#333 ml-10px text-14px"
                 >
-                  {{ item.contentTitle }}
+                  {{ item.title }}
                 </NuxtLink>
               </div>
             </div>
           </div>
-          <div v-if="TrendList.length" class="pl-30px b-l-1px b-l-solid b-l-#E0E4EA">
+          <div v-if="TrendList.length" class="pl-30px b-l-1px b-l-solid b-l-#E0E4EA flex-1">
             <div class="mb-20px text-16px fw-800 text-#333 flex items-center">
               <NuxtLink to="/trends">
                 By Trend