feat: 更新 API 请求参数与组件样式优化

- 在 account.js 和 member.js 中添加 loading 和 skipMessage 参数,提升 API 调用的用户体验。
- 在 ShowGoods.vue 中优化商品详情展示样式,增强可读性和交互性。
- 在 Cart.vue 中重构购物车商品列表结构,提升布局一致性。
- 在多个页面中修复了提示信息的内容,确保用户操作的清晰反馈。
This commit is contained in:
田香琪
2026-07-06 16:33:21 +08:00
parent e13ca6281d
commit 297bdd95dd
28 changed files with 689 additions and 259 deletions

View File

@@ -338,7 +338,7 @@ export default {
font-weight: bolder;
}
.item-intro-detail{
margin: 0 30px;
margin: 0;
width: 100%;
}
.item-intro-nav{
@@ -365,6 +365,8 @@ export default {
}
.item-intro-img {
width: 100%;
box-sizing: border-box;
padding: 0 30px;
min-height: 300px;
:deep img{
margin:0 auto;
@@ -377,6 +379,8 @@ export default {
.item-param-container {
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 0 30px;
}
.item-param-box {
padding: 5px;
@@ -400,6 +404,10 @@ export default {
color: #666666;
background-color: #F7F7F7;
}
.remarks-container {
box-sizing: border-box;
padding: 0 30px;
}
.remarks-analyse-box {
padding: 15px;
display: flex;
@@ -507,31 +515,36 @@ export default {
}
/***************商品详情介绍和推荐侧边栏结束***************/
/* 改变标签页样式 */
:deep(.el-tabs__active-bar) {
background-color: $theme_color !important;
}
:deep(.el-tabs__header) {
border: none;
}
.item-tabs > .el-tabs > .el-tabs__header .el-tabs__item {
border-radius: 0px;
color: #999;
height: 38px;
}
.item-tabs > .el-tabs > .el-tabs__header .el-tabs__item.is-active {
color: #fff;
background-color: $theme_color;
}
.item-tabs > .el-tabs > .el-tabs__header .el-tabs__item.is-active:before {
content: '';
display: block;
width: 100%;
height: 1px;
color: #fff;
background: #F7F7F7;
position: absolute;
top: 0;
left: 0;
.item-tabs {
:deep(.el-tabs__header) {
border: none;
margin: 0;
background-color: #f7f7f7;
}
:deep(.el-tabs__active-bar) {
background-color: $theme_color !important;
}
:deep(.el-tabs__item) {
border-radius: 0;
color: #999;
height: 38px;
padding: 0 20px;
&:hover {
color: #999;
}
}
:deep(.el-tabs__nav) {
padding-left: 10px;
}
:deep(.el-tabs__item.is-active) {
color: $theme_color !important;
background-color: transparent;
}
}
:deep(.el-rate__icon) {
color: $theme_color;