视觉重构:紫渐变 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
+3 -3
View File
@@ -3,11 +3,11 @@
<!-- 日历头部 -->
<view class="calendar-header">
<view class="month-navigation">
<text class="nav-btn" bindtap="onPrevMonth"></text>
<view class="nav-btn" bindtap="onPrevMonth"></view>
<text class="month-title">{{currentYear}}年{{currentMonth}}月</text>
<text class="nav-btn" bindtap="onNextMonth"></text>
<view class="nav-btn" bindtap="onNextMonth"></view>
</view>
<button class="today-btn" bindtap="onGoToday">今天</button>
<view class="today-btn" bindtap="onGoToday">今天</view>
</view>
<!-- 星期标题 -->