mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-11-13 12:28:54 +08:00
feat(buyer): 新增功能并优化样式,提升用户体验
- 新增 `getMemberMessage` 接口方法,用于获取会员消息 - 调整全局及商品列表样式,提升可读性与一致性 - 精简 `Search.vue`,移除不必要的店铺搜索切换 - 放宽 `addressManage` 中地址别名的输入长度 - 优化 `ShowGoods.vue` 和 `ShowGoodsDetail.vue` 的布局与样式 - 更新 `Cart.vue` 中的购物车步骤展示,让流程导航更清晰 - 调整多个组件,统一字号并优化界面元素
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="user-home-page">
|
||||
<BaseHeader></BaseHeader>
|
||||
|
||||
<div class="container width_1200">
|
||||
@@ -68,6 +68,12 @@ export default {
|
||||
return {};
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
document.body.classList.add("buyer-user-center");
|
||||
},
|
||||
beforeUnmount() {
|
||||
document.body.classList.remove("buyer-user-center");
|
||||
},
|
||||
methods: {
|
||||
onSelect(name) {
|
||||
this.$router.push({ name });
|
||||
@@ -134,3 +140,38 @@ export default {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss">
|
||||
/* 会员中心按钮统一放大一号:small→默认,默认→large,large→48px。弹窗挂到 body,靠页面 class 一起放大。 */
|
||||
body.buyer-user-center {
|
||||
.user-home-page .content .el-button.el-button--small:not(.is-link):not(.is-text),
|
||||
.el-overlay .el-button.el-button--small:not(.is-link):not(.is-text) {
|
||||
height: 32px;
|
||||
padding: 8px 15px;
|
||||
font-size: var(--el-font-size-base);
|
||||
border-radius: var(--el-border-radius-base);
|
||||
}
|
||||
|
||||
.user-home-page .content .el-button:not(.el-button--small):not(.el-button--large):not(.is-link):not(.is-text),
|
||||
.el-overlay .el-button:not(.el-button--small):not(.el-button--large):not(.is-link):not(.is-text) {
|
||||
height: 40px;
|
||||
padding: 12px 19px;
|
||||
font-size: var(--el-font-size-base);
|
||||
border-radius: var(--el-border-radius-base);
|
||||
}
|
||||
|
||||
.user-home-page .content .el-button.el-button--large:not(.is-link):not(.is-text),
|
||||
.el-overlay .el-button.el-button--large:not(.is-link):not(.is-text) {
|
||||
--el-button-size: 48px;
|
||||
height: var(--el-button-size);
|
||||
padding: 16px 23px;
|
||||
font-size: var(--el-font-size-base);
|
||||
border-radius: var(--el-border-radius-base);
|
||||
}
|
||||
|
||||
.user-home-page .content .el-button.is-link.el-button--small,
|
||||
.el-overlay .el-button.is-link.el-button--small {
|
||||
font-size: var(--el-font-size-base);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user