优化首页、场馆、折扣、权益、我的、登录页面UI及交互体验

- 首页:金刚区添加文字标签、活动指南卡片自适应宽度、字体调整
- 场馆列表:去掉导航栏、添加返回按钮、优化加载提示
- 折扣列表:样式与场馆列表统一
- 场馆详情:合并信息与地址容器、添加分割线和返回按钮
- 权益页面:banner渐变圆角、统计卡片优化、空状态引导、Tab列表优化
- 我的页面:主色调统一、渐变背景、菜单样式优化
- 登录页面:协议链接可跳转、添加返回按钮
- 移除VConsole调试按钮
- 底部导航栏线条颜色调整
This commit is contained in:
jacobxu666
2026-07-17 09:54:22 +08:00
parent 07b3e89e4c
commit 15936574ba
12 changed files with 434 additions and 108 deletions
+12 -9
View File
@@ -108,13 +108,13 @@ export default {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
padding: 20px 16px;
background: linear-gradient(to bottom, #0066cc, #f2f2f7);
padding: 40px 16px 130px;
}
.login-hint {
font-size: 16px;
color: #1a1818;
color: #ffffff;
font-weight: 500;
margin-left: 12px;
}
@@ -129,6 +129,7 @@ export default {
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #ffffff;
}
.user-detail {
@@ -140,17 +141,17 @@ export default {
.user-name {
font-size: 16px;
font-weight: 500;
color: #1a1818;
color: #ffffff;
}
.user-phone {
font-size: 14px;
color: #666666;
color: rgba(255, 255, 255, 0.8);
}
.logout-btn {
background-color: #e8e8e8;
color: #666666;
background-color: rgba(255, 255, 255, 0.2);
color: #ffffff;
font-size: 13px;
padding: 6px 16px;
border-radius: 4px;
@@ -158,14 +159,16 @@ export default {
/* 菜单列表 */
.menu-list {
margin-top: 12px;
margin: -88px 12px 0;
background-color: #ffffff;
border-radius: 8px;
}
.menu-item {
display: flex;
align-items: center;
padding: 16px;
height: 64px;
padding: 0 16px;
border-bottom: 1px solid #f5f5f5;
}