diff --git a/ant-design-vue-jeecg/src/views/shopping/components/Header/HeaderView.vue b/ant-design-vue-jeecg/src/views/shopping/components/Header/HeaderView.vue
index b18320cb..7bfc979c 100644
--- a/ant-design-vue-jeecg/src/views/shopping/components/Header/HeaderView.vue
+++ b/ant-design-vue-jeecg/src/views/shopping/components/Header/HeaderView.vue
@@ -5,11 +5,11 @@
       <span class="title">黄淮服装定制商城</span>
     </div>
     <div class="middle d-flex">
-      <router-link to="/shopping/shopHome" :style="{ color: fontColor }">首页</router-link>
-      <router-link to="/shopping/clothType" :style="{ color: fontColor }"
+      <router-link to="/shopping/shopHome" :style="{ color: fontColor }" class="home">首页</router-link>
+      <router-link to="/shopping/clothType" :style="{ color: fontColor }" class="fzlx"
         >服装类型</router-link
       >
-      <router-link to="/shopping/sirendingzhi" :style="{ color: fontColor }"
+      <router-link to="/shopping/sirendingzhi" :style="{ color: fontColor }" class="srdz"
         >私人定制</router-link
       >
       <router-link to="/shopping/chengyi" :style="{ color: fontColor }"
diff --git a/ant-design-vue-jeecg/src/views/shopping/pages/clothDetail.vue b/ant-design-vue-jeecg/src/views/shopping/pages/clothDetail.vue
index aeb4c1fd..3563e2d6 100644
--- a/ant-design-vue-jeecg/src/views/shopping/pages/clothDetail.vue
+++ b/ant-design-vue-jeecg/src/views/shopping/pages/clothDetail.vue
@@ -296,7 +296,7 @@
   };
 </script>
 <style>
-  .clothDetails .top .middle .router-link-exact-active.router-link-active {
+  .clothDetails .fzlx {
     border-bottom: 2px solid #000;
   }