新版本官网优化完成

components/Breadcrumb.vue

@@ -1,29 +1,35 @@
-<template>
-  <div class="sm:py-4 sm:px-0 mx-3 py-2">
-    <el-breadcrumb :separator-icon="ArrowRight">
-      <el-breadcrumb-item :to="{ path: '/' }">
-        <el-icon class="cursor-pointer">
-          <ElIconHouse/>
-        </el-icon>
-      </el-breadcrumb-item>
-      <el-breadcrumb-item v-if="data?.parentName">
-        <span class="cursor-pointer hover:font-bold" @click="openSpmUrl(`/product`,data,data.categoryId)">{{ data.parentName }}</span>
-      </el-breadcrumb-item>
-      <el-breadcrumb-item v-if="data?.categoryName">{{ title ? title : data.categoryName }}</el-breadcrumb-item>
-      <el-breadcrumb-item v-if="title">{{ title }}</el-breadcrumb-item>
-    </el-breadcrumb>
-  </div>
-</template>
-
+<!--面包屑-->
 <script setup lang="ts">
 import {ArrowRight} from '@element-plus/icons-vue'
 
 withDefaults(
     defineProps<{
       data?: any;
+      // 父级栏目
+      categoryName?: string;
+      // 当前栏目
       title?: string;
+      // 正文
+      detail?: string;
     }>(),
     {}
 );
-
 </script>
+<template>
+  <el-breadcrumb :separator-icon="ArrowRight"  class="py-4">
+    <el-breadcrumb-item :to="{ path: '/' }">
+      <el-icon class="cursor-pointer">
+        <ElIconHouse/>
+      </el-icon>
+    </el-breadcrumb-item>
+    <el-breadcrumb-item>
+      <nuxt-link :to="data.path ? navTo(data) : navTo(data,`/${data.model}/${data.categoryId}.html`)" class="cursor-pointer hover:font-bold">{{ categoryName || data.parentName }}</nuxt-link>
+    </el-breadcrumb-item>
+    <el-breadcrumb-item v-if="detail">
+      <span>{{ detail }}</span>
+    </el-breadcrumb-item>
+    <el-breadcrumb-item v-else>
+      <span>{{ title || data.title }}</span>
+    </el-breadcrumb-item>
+  </el-breadcrumb>
+</template>