feat: 增强组件功能与样式优化

- 在多个组件中添加了新的属性和方法以提升功能性，如在卡片组件中引入 _ActiveTab 属性以管理活动标签。
- 优化了商品详情和商户页面的收藏逻辑，确保在未登录状态下引导用户登录。
- 更新了轮播组件的路由解析逻辑，增强了用户体验。
- 改进了投诉列表和收藏列表的样式，提升了响应式布局和可读性。
- 在全局配置中添加了对开发环境的错误处理，提升了调试体验。

seller/src/views/home/home.scss

@@ -36,7 +36,7 @@ h4 {
 .shop-box {
   flex: 3;
   display: flex;
-  font-size: 12px;
+  font-size: 16px;
   margin-top: 50px;
   flex-wrap: wrap;
   justify-content: space-between;
@@ -65,12 +65,16 @@ h4 {
   flex-wrap: wrap;
 }
 .detail-title {
-  position: absolute;
-  left: 0;
-  top: -15px;
-  opacity: 0.3;
-  color: #999;
-  font-size: 21px;
+  flex: 0 0 100%;
+  width: 100%;
+  order: -1;
+  align-self: flex-start;
+  margin-bottom: 8px;
+  padding-left: 4px;
+  opacity: 1;
+  color: #000;
+  font-size: 20px;
+  font-weight: normal;
   text-decoration: initial;
   transition: 0.35s;
 }
@@ -82,22 +86,24 @@ h4 {
   font-weight: bold;
   width: 286px;
   display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  justify-content: center;
   :deep(span) {
     color: $theme_color;
     font-size: 18px;
   }
-  align-items: center;
-  justify-content: center;
-  padding: 20px;
+  padding: 16px 12px 20px;
   background: #eee;
   border-radius: 0.4em;
   margin: 10px;
-  > div {
+  > div:not(.detail-title) {
+    flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    margin: 0 20px;
+    margin: 0 8px;
   }
 }
 .detail-item:hover {
@@ -105,8 +111,6 @@ h4 {
   transform: translateY(-4px);
   > .detail-title {
     opacity: 1;
-
-    top: 5px;
   }
 }
 

seller/src/views/home/home.vue

@@ -22,7 +22,7 @@
               <div>店铺状态：{{ userData.storeDisable == "OPEN" ? "开启中" : "关闭" }}</div>
             </div>
             <div class="box-item" @click="im()">
-              <el-button type="info" :loading="load">点击登录客服</el-button>
+              <el-button type="warning" :loading="load">点击登录客服</el-button>
             </div>
           </div>