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

- 在多个组件中添加了新的属性和方法以提升功能性,如在卡片组件中引入 _ActiveTab 属性以管理活动标签。
- 优化了商品详情和商户页面的收藏逻辑,确保在未登录状态下引导用户登录。
- 更新了轮播组件的路由解析逻辑,增强了用户体验。
- 改进了投诉列表和收藏列表的样式,提升了响应式布局和可读性。
- 在全局配置中添加了对开发环境的错误处理,提升了调试体验。
This commit is contained in:
田香琪
2026-06-25 16:52:46 +08:00
parent 1b2e980fb6
commit ec948b5496
86 changed files with 1741 additions and 1050 deletions

View File

@@ -55,9 +55,13 @@
padding-left: 0;
width: 100%;
height: 60px;
z-index: 22;
z-index: 20;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
transition: padding 0.3s;
&.has-tabs {
box-shadow: 0 2px 1px 1px rgba(100, 100, 100, 0.1);
}
}
&-breadcrumb {
@@ -81,29 +85,30 @@
}
.tags-con {
height: 44px;
height: 46px;
z-index: -1;
background: #fff;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
margin-left: 200px;
width: calc(100% - 200px);
background: #f0f0f0;
display: flex;
align-items: center;
.tags-outer-scroll-con {
position: relative;
box-sizing: border-box;
padding-right: 12px;
padding-right: 120px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
.tags-inner-scroll-body {
position: absolute;
padding: 0 6px;
overflow: visible;
white-space: nowrap;
top: 0;
bottom: 0;
display: flex;
align-items: center;
height: 100%;
padding: 0 10px;
overflow: visible;
white-space: nowrap;
transition: left 0.3s ease;
}
@@ -126,6 +131,7 @@
min-width: 740px;
height: 60px;
background: #fff;
box-shadow: 0 2px 1px 1px rgba(100, 100, 100, 0.1);
position: relative;
z-index: 11;
display: flex;
@@ -242,28 +248,14 @@
}
}
.breadcrumb-bar {
position: fixed;
top: 60px;
left: 212px;
right: 0;
height: 44px;
background: #fff;
border-bottom: 1px solid #f0f0f0;
z-index: 19;
display: flex;
align-items: center;
padding: 0 16px;
}
.single-page-con {
min-width: 740px;
position: relative;
left: 200px;
top: 100px;
top: 106px;
right: 0;
bottom: 0;
height: calc(100% - 110px);
height: calc(100% - 116px);
width: calc(100% - 200px);
overflow: auto;
background-color: #f0f0f0;
@@ -272,7 +264,7 @@
.single-page {
position: relative;
margin: 10px 12px;
margin: 10px;
}
}