20260624214849

code/app/.workbuddy/memory/2026-06-24.md

@@ -0,0 +1,30 @@
+# 2026-06-24 工作日志
+
+## 首页重构 (Flat Design)
+- 用户反馈首页卡片套卡片、图标配色太重、间距不协调。
+- 参考 ui-ux-pro-max Flat Design 风格彻底重构：
+  - 去掉所有外层白卡 wrapper（快捷工具不再被 `bg-white rounded-2xl shadow-sm` 包裹）
+  - 宫格项：纯 icon（28px, `#6B7280`）+ 文字（12px），无背景色、无阴影
+  - "更多工具"并入同一个 flex-row 宫格行，不再独立卡片
+  - "最近动态"不再包在白卡内，时间轴直接平铺在页面背景上
+  - 统一 Section 标签组件（13px semibold 深灰），替代之前的绿色竖线装饰
+  - 统一视觉常量：GREEN=#10B981, GRAY_ICON=#6B7280, GRAY_TEXT=#374151, GRAY_MUTED=#9CA3AF, GRAY_LINE=#E5E7EB
+- 删除旧的 `SectionTitle`（带绿色竖线）、`GridRow`、`MoreToolsCard` 组件。
+- 清理 import：不再需要 `Clock3`。
+
+- 首页 (home/index.tsx) 时间轴重构 + 头部简化：
+  - 删除问候语、时间计时器（duration/calcDuration）、定时器 useEffect
+  - 头部仅保留家庭名称，28px 加粗居中（pt-8 pb-6 items-center）
+  - 时间轴统一为 activities 页风格：Avatar (heroui-native, size="sm") 替代简单圆点
+  - 列宽 10→28px，圆点→Avatar w/ 昵称首字 fallback
+- 内容间距 pb-4→pb-6，时间文字 12px→text-xs
+- import Avatar from heroui-native，新增 nicknames state 存储首字映射
+
+## 21:45 — activities 筛选栏修正
+- 把自封装的 BottomSheet + react-native-ui-datepicker 替换为 `components/DateTimeRange.tsx`（使用 react-native-dates-picker + HeroUI BottomSheet）
+- Chip 从 `size="sm"` 放大到 `size="md"`
+- 日期选择行已选时显示 X 清除按钮，可直接清空日期区间
+- 移除了 `useSafeAreaInsets` 和 `react-native-ui-datepicker` 的引用
+- loading 改为 `useLoading` hook（sonner-native toast），统一规范
+- DateTimeRange BottomSheet 加 `backgroundClassName="bg-white"` 让背景更明显
+