feat: 优化商品详情与购物车功能

- 更新 ShowGoods.vue 和 ShowGoodsDetail.vue 中的按钮样式,统一使用 goods-action-btn 类。
- 在 Cart.vue 中实现商品收藏状态的同步与处理,优化收藏功能的用户体验。
- 调整 GoodsDetail.vue 中的店铺收藏按钮样式,提升视觉一致性。
- 在多个评价组件中引入主题色,增强评分组件的视觉效果。
This commit is contained in:
田香琪
2026-07-09 17:58:01 +08:00
parent ecf11ae2d2
commit c355194aba
15 changed files with 222 additions and 52 deletions

View File

@@ -106,13 +106,13 @@ export default {
:deep(.el-menu-item.is-active) {
background-color: #fff !important;
color: $theme_color !important;
color: var(--el-color-primary) !important;
}
:deep(.el-menu-item.is-active:hover),
:deep(.el-menu-item.is-active:focus) {
background-color: #fff !important;
color: $theme_color !important;
color: var(--el-color-primary) !important;
}
}

View File

@@ -645,8 +645,8 @@ html.z-modal body {
}
.hz-edit-img img {
max-width: 300px;
max-height: 200px;
max-width: 240px;
max-height: 140px;
margin-bottom: 10px;
}

View File

@@ -54,6 +54,7 @@
<el-dialog
v-model="showModal"
title="编辑热区"
width="420px"
:close-on-click-modal="false"
append-to-body
@close="cancelZone"
@@ -179,6 +180,7 @@ export default {
this.zoneForm.link = this.$filters.formatLinkType(val);
this.settingZone(val);
this.changeInfo(this.zoneForm);
this.showModal = false;
},
settingZone(val) {
this.zoneForm.type = val.___type || val.type;