181bfb1f3e
针对 docs/opendesign/warm-notes-design-spec.md 全面审查的修复： ## 🔴 阻断级修复（商用合规） - 下载真实 Quicksand/Nunito 字体文件（原 0 字节） - 添加 OFL.txt 许可证文件，履行 SIL Open Font License 分发义务 ## 🟠 设计 Token 偏差 - AppRadius: 删除非规范的 xs=8px，所有引用迁移至 sm=10px - AppColors.moodColors: 对齐 spec §3.6 - happy #FFD93D → secondary #81B29A - calm #81B29A → tertiary #F2CC8F - sad #7B9CC4 → #5B7DB1 - thinking #B8A9C9（淡紫，spec 无）→ #8B7E74 - AppShadows: blurRadius/alpha 精确对齐 spec §1 (12/20/32 + 0.06/0.08/0.12) - DesignTokens: 补 spacing40 + 新增 safe-top/safe-bottom/tab-height/touch-min 常量 ## 🟠 首页 §3.4 完全重构 - 新增问候语头部（xx好，小暖 + accent 色高亮名字） - 新增 streak-badge pill 徽章（tertiary-soft + #B8860B 暖金） - 心情选择器卡片背景从 primaryContainer 改为 surface（spec 规定 #FFFFFF） - 心情卡片圆角 lg(22) → md(16) 对齐 spec - 新增 today-card 渐变卡片 + 浮动右下圆形写按钮 - 新增 quick-stats 三栏统计（本月日记/连续天数/总日记数） - 移除 AppBar 多余的贴纸/模板按钮，搜索按钮改路由到 /search - HomeBloc 扩展 monthCount/totalCount 字段 - 日记卡片：72×72 预览图 + 标签摘要 + 心情圆点 ## 🟠 路由 §3.12 + §3.13 拆分 - 新建 DiscoverPage (features/discover/views/discover_page.dart) - 搜索框（跳转 /search） - 每日推荐渐变卡片 - 热门话题横向 chips（前 3 个 accent 高亮） - 精选模板 2 列网格 - 达人日记列表 - /discover 路由从指向 SearchPage 改为 DiscoverPage - 新增 /search 路由（全屏无 Tab）指向 SearchPage ## 🟠 Tab 栏 §2.2 重构 - 高度从 64px 改为 56+bottomPadding（含 safe-bottom，约 90px） - 中心按钮从 CircularNotchedRectangle 凹槽改为 margin-top:-16px 凸起 - FAB 尺寸从默认改为 48×48 spec 规格 - FAB 图标从 edit_rounded 改为 add_rounded（spec §2.2） - 删除未使用的 _navItems 旧常量 ## 🟡 登录页圆角统一 - 移除 3 处 InputBorder 显式 mdBorder(16px) 覆盖 - 全局主题 smBorder(10px) 生效，对齐 spec - 提交按钮圆角改为 pill（spec §2.6 Primary 按钮） ## 验证 - flutter analyze: 0 errors (剩余 40 个 warning/info 全为预存) - flutter test: 84/85 通过（widget smoke test 预存失败，与本次无关）
29 lines
912 B
Dart
29 lines
912 B
Dart
// 暖记圆角系统
|
|
// 对齐 Open Design 原型稿 tokens.css: sm(10) / md(16) / lg(22) / xl(28) / pill
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
class AppRadius {
|
|
AppRadius._();
|
|
|
|
/// 小圆角 10px — 按钮、输入框、小元素
|
|
static const double sm = 10;
|
|
static BorderRadius get smBorder => BorderRadius.circular(sm);
|
|
|
|
/// 中圆角 16px — 卡片、弹窗
|
|
static const double md = 16;
|
|
static BorderRadius get mdBorder => BorderRadius.circular(md);
|
|
|
|
/// 大圆角 22px — 大卡片、底部面板
|
|
static const double lg = 22;
|
|
static BorderRadius get lgBorder => BorderRadius.circular(lg);
|
|
|
|
/// 超大圆角 28px — 模态框、全屏面板
|
|
static const double xl = 28;
|
|
static BorderRadius get xlBorder => BorderRadius.circular(xl);
|
|
|
|
/// 胶囊型 — 标签、Chip
|
|
static const double pill = 100;
|
|
static BorderRadius get pillBorder => BorderRadius.circular(pill);
|
|
}
|