视觉重构:紫渐变 SaaS 风 → 纸感编辑风(A 方案)
部署到群晖 / deploy (push) Successful in 43s

旧版多处违反 impeccable 设计规范(gradient text、6rpx 粗色条 border-left、
glassmorphism、bounce 动画)且整体呈现典型「AI/SaaS 通用紫渐变」(#6366f1 系、
#667eea 系),用户反馈「AI 味儿太浓」。

色板(OKLCH 概念,hex 落地):
- 背景:浅米黄 #FAF6ED
- 主文字:深墨蓝 #1F1D2B
- 暖灰副文字:#8A8278
- 强调(仅 today / FAB):墨红 #C8412F

涉及改动:
- app.wxss:删模板自带 .container padding 200rpx(首页/日历顶部空白真凶)+ 重写全局色板
- index.wxml/wxss:去紫渐变 Header + glassmorphism stats + border-left 大色条 + bounce
- calendar.wxml/wxss/json:去紫渐变月份头 + today 大色块 + section-title 6rpx 紫条
- settings.wxss:同款紫 Header + tips-card 6rpx 紫条 → 全卡边线 + 浅暖底
- add-anniversary.wxss:chip-active 紫 / 取消提交按钮渐变 / importance 高饱和色 → 统一
- add-person.wxss:gradient text + 紫 dashed 头像占位 + 多重渐变 → 全套重写
- person-detail.wxss:微信绿 + 灰底默认色 → 方向 A 色板
- utils/constants.js:IMPORTANCE_COLORS 高/中/低 = 墨红/焦糖/苔绿(替代橙红/橘/鲜绿)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
yuming
2026-06-02 09:27:16 +08:00
parent 323c566597
commit 3f176924d0
12 changed files with 577 additions and 598 deletions
+4 -9
View File
@@ -1,21 +1,16 @@
<!--index.wxml-->
<view class="page">
<!-- 顶部 Header -->
<!-- 顶部 Header:纸感编辑风,排版替代色块 -->
<view class="header">
<view class="header-top">
<view class="header-left">
<text class="header-title">生日提醒</text>
<text class="header-date">{{todayText}}</text>
</view>
<view class="header-icon">🎂</view>
</view>
<text class="header-title">生日提醒</text>
<text class="header-date">{{todayText}}</text>
<view class="header-rule"></view>
<view class="stats-row">
<view class="stat-item">
<text class="stat-num">{{totalCount}}</text>
<text class="stat-label">位好友</text>
</view>
<view class="stat-sep"></view>
<view class="stat-item">
<text class="stat-num {{upcomingCount > 0 ? 'stat-num-urgent' : ''}}">{{upcomingCount}}</text>
<text class="stat-label">即将到来</text>