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

@@ -42,17 +42,19 @@ export default {
},
getSite() {
getBaseSite().then((res) => {
const { domainLogo, domainIcon, siteName } = JSON.parse(
res.result.settingValue
);
this.domainLogo = domainLogo;
const expirationTime = new Date().setHours(new Date().getHours() + 1);
localStorage.setItem("icontitle_expiration_time", expirationTime);
localStorage.setItem("icon", domainLogo);
localStorage.setItem("domainIcon", domainIcon);
localStorage.setItem("title", siteName);
this.applyFavicon(domainIcon || domainLogo);
window.document.title = siteName + " - 运营后台";
if (res.success && res.result && res.result.settingValue) {
const { domainLogo, domainIcon, siteName } = JSON.parse(
res.result.settingValue
);
this.domainLogo = domainLogo;
const expirationTime = new Date().setHours(new Date().getHours() + 1);
localStorage.setItem("icontitle_expiration_time", expirationTime);
localStorage.setItem("icon", domainLogo);
localStorage.setItem("domainIcon", domainIcon);
localStorage.setItem("title", siteName);
this.applyFavicon(domainIcon || domainLogo);
window.document.title = siteName + " - 运营后台";
}
});
},
},

View File

@@ -165,7 +165,6 @@ export default {
watch: {
$route(to) {
this.currentPageName = to.name;
this.tagsCount = this.pageTagsList?.length;
},
visible(value) {
if (value) {
@@ -175,6 +174,9 @@ export default {
}
},
},
beforeUnmount() {
document.body.removeEventListener("click", this.closeMenu);
},
};
</script>
@@ -188,13 +190,13 @@ export default {
z-index: 11000;
list-style-type: none;
border-radius: 4px;
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
li {
margin: 0;
padding: 5px 15px;
cursor: pointer;
&:hover {
background: #eee;
background: rgba($color: $theme_color, $alpha: 0.1);
}
}
}
@@ -207,6 +209,21 @@ export default {
font-size: 13px;
transition: all 0.2s ease;
&.el-tag--info.el-tag--plain {
color: #606266;
border-color: #dcdfe6;
background-color: #fff;
}
&.el-tag--info.el-tag--plain .el-tag__close {
color: #909399;
&:hover {
color: #606266;
background-color: transparent;
}
}
& + .page-tag {
margin-left: 0;
}