From 9e0a681e0120739a81488d214bd82a57d4262256 Mon Sep 17 00:00:00 2001
From: pikachu <1321288662@qq.com>
Date: Tue, 12 Apr 2022 18:03:31 +0800
Subject: [PATCH] =?UTF-8?q?buyer=E7=AB=AF=E7=9A=84=E5=AF=BC=E8=88=AA?=
 =?UTF-8?q?=E6=9D=A1=E4=B8=8B=E6=8B=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 buyer/src/components/nav/CateNav.vue | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/buyer/src/components/nav/CateNav.vue b/buyer/src/components/nav/CateNav.vue
index 4035dbe3..621d50dd 100644
--- a/buyer/src/components/nav/CateNav.vue
+++ b/buyer/src/components/nav/CateNav.vue
@@ -3,7 +3,7 @@
     <div class="nav-con">
       <div
         class="all-categories hover-pointer"
-        @mouseenter="showFirstList = true"
+        @mouseenter="showFirstLists"
         @mouseleave="showFirstList = false"
       >
         全部商品分类
@@ -16,6 +16,7 @@
           @click="linkTo(item.url)"
         >
           {{ item.name }}
+          <!-- {{item}} -->
         </li>
       </ul>
     </div>
@@ -62,9 +63,9 @@
         @mouseleave="panel = false"
       >
         <div class="nav-detail-item">
-          <template v-for="(item, index) in panelData">
+          <template v-for="(item,index) in panelData">
             <span
-              @click="goGoodsList(item.id, item.parentId)"
+              @click="goGoodsList(item.id,item.parentId)"
               v-if="index < 8"
               :key="index"
               >{{ item.name }}<Icon type="ios-arrow-forward"
@@ -150,6 +151,22 @@ export default {
     },
   },
   methods: {
+    showFirstLists(){
+      this.showFirstList = true;
+      if(
+      localStorage.getItem("category") &&
+      localStorage.getItem("category_expiration_time")
+    ) {
+      // this.getCate();
+      // 如果缓存过期，则获取最新的信息
+      if (new Date() > localStorage.getItem("category_expiration_time")) {
+        this.getCate();
+        return;
+      }
+      this.cateList = JSON.parse(localStorage.getItem("category"));
+      // this.$Message.info(cateList)
+      }
+    },
     getCate() {
       // 获取分类数据
       if (this.hover) return false;