优化首页、场馆、折扣、权益、我的、登录页面UI及交互体验
- 首页:金刚区添加文字标签、活动指南卡片自适应宽度、字体调整 - 场馆列表:去掉导航栏、添加返回按钮、优化加载提示 - 折扣列表:样式与场馆列表统一 - 场馆详情:合并信息与地址容器、添加分割线和返回按钮 - 权益页面:banner渐变圆角、统计卡片优化、空状态引导、Tab列表优化 - 我的页面:主色调统一、渐变背景、菜单样式优化 - 登录页面:协议链接可跳转、添加返回按钮 - 移除VConsole调试按钮 - 底部导航栏线条颜色调整
This commit is contained in:
+12
-9
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user