style(user): 美化个人中心页面顶部绿色系风格
- 将顶部渐变背景由紫粉色改为绿色系,增强视觉统一性 - 用户信息卡片背景调整为毛玻璃效果,提升质感与层次感 - 用户名、ID及箭头等文字颜色改为白色及半透明白色,增强对比度 - 数据概览从三列扩展为四列,新增余额栏目,文字统一为白色 - VIP标识渐变色由粉红色改为金色,突显尊贵感 - 增加第三个装饰圆形,调整装饰元素大小和位置,更加协调 - 注释并暂时移除门店列表和其他页面中的“立即预约”按钮相关代码,避免用户误操作 - 修正首页门店信息跳转路径,指向正确页面
This commit is contained in:
@@ -30,3 +30,18 @@
|
||||
|
||||
同时修正了限时秒杀、领券中心的跳转路径指向真实页面文件。
|
||||
构建编译通过 ✓
|
||||
|
||||
## 个人中心页面顶部美化(绿色系)
|
||||
|
||||
### 改动文件
|
||||
- **`src/pages/user/index.tsx`** — 顶部渐变区域 + 用户信息卡片 + 数据概览
|
||||
|
||||
### 调整内容
|
||||
1. **渐变背景** — 从紫粉渐变 (`#667eea → #764ba2 → #f093fb`) 改为绿色系 (`#0d9488 → #059669 → #10b981`)
|
||||
2. **用户信息卡片** — 从白色半实心背景改为毛玻璃效果 `rgba(255,255,255,0.15)` + `backdropFilter:blur(10px)`
|
||||
3. **文字颜色** — 用户名/ID 改白色,箭头改为半透明白色底
|
||||
4. **数据概览** — 从3列(积分/优惠券/订单)扩展为 **4列(余额/积分/优惠券/订单)**,全部白色文字,与参考图一致
|
||||
5. **VIP标识** — 渐变色从粉红改为金色 (`#fbbf24 → #f59e0b`)
|
||||
6. **装饰圆形** — 增加第三个装饰圆,调整大小和位置
|
||||
|
||||
构建编译通过 ✓
|
||||
|
||||
Reference in New Issue
Block a user