fix 细节调整

 <!--
  * @Date: 2024-10-17 11:13:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-11-01 16:16:51
+ * @LastEditTime: 2024-11-01 18:03:45
  * @FilePath: /hager/src/views/about/design.vue
  * @Description: 文件描述
 -->
@@ -73,6 +73,7 @@
       </div>
     </hager-box>
     <hager-box v-if="!is_xs" class="box-n">
+      <hager-h1 title="从用户体验到设计" sub="From User Experience to Design" style="margin-top: 1rem;"></hager-h1>
       <el-row :gutter="0" style="margin-top: 2rem;margin-bottom: 2rem;">
         <el-col :span="12">
           <!-- <div class="left-box">
@@ -107,14 +108,14 @@
       </div>
     </hager-box>
     <div v-else>
-      <!-- <div class="left-box xs">
+      <div class="left-box xs">
         <div class="title xs">
           <hager-h1 title="从用户体验到设计" sub="From User Experience to Design"></hager-h1>
-          <div style="margin-top: 2rem; line-height: 1.75;">
+          <!-- <div style="margin-top: 2rem; line-height: 1.75;">
             <p>海格电气仔细倾听客户的声音，以使我们的设计语言能够被普遍理解。为了提供更加国际化的产品组合，我们调研了不同国家的习俗、个人的不同愿望和客户关注点。客户的声音促成了符合人体工学的设计方案，确保来自海格电气的产品兼具优雅品味的外观设计与方便易用、以人为本的功能性。</p>
-          </div>
+          </div> -->
         </div>
-      </div> -->
+      </div>
       <div class="right-box xs">
         <p class="title">“倾听客户的声音，打造一流设计”</p>
         <div>
@@ -291,7 +292,7 @@ export default {
     }
 
     .left-box {
-      background-color: #E3F1F7;
+      // background-color: #E3F1F7;
       height: 25rem;
       padding: 2rem;
       &.xs {

 <!--
  * @Date: 2024-09-29 14:26:41
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-11-01 17:50:42
+ * @LastEditTime: 2024-11-01 18:18:00
  * @FilePath: /hager/src/views/product/detail.vue
  * @Description: 文件描述
 -->
@@ -177,7 +177,7 @@ export default {
       return `/product/index?id=${this.info.parent_id}&timestamp=${Date.now()}`;
     },
     categoryPath () {
-      return `/product/index?id=${this.$route.query.category_id}&timestamp=${Date.now()}`;
+      return `/product/index?id=${this.info.category_id}&timestamp=${Date.now()}`;
     },
   },
   async mounted () {
@@ -421,8 +421,9 @@ export default {
         width: 100%;
       }
       .item-content {
-        display: flex;
-        align-items: center;
+        // display: flex;
+        // align-items: center;
+        display: inline;
         line-height: 2;
         .item-icon {
           color: @primary-color;
@@ -593,8 +594,8 @@ export default {
     }
   }
 
-  :deep(.el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover) {
-      color: @primary-color;
+  :deep(.el-breadcrumb__inner.is-link):hover {
+      color: #F56400;
       cursor: pointer;
   }
 }