laoyang
8e48d0b1b2
用户 2026-11-05：「标题和备注的输入框没有和其他输入框对齐。」
根因：各行的宽度上限**不一致**，而标题/备注压根没设上限 ——
· 截止（AntD picker） max-width: 300px
· 分类（select） max-width: 300px
· 负责人/协作人 max-width: 340px ← 比别的宽 40px
· **标题（input）/ 备注（textarea）无上限** ⇒ 撑满整行
于是标题那行比截止那行宽出一截，左右边缘都对不齐。
改法：收敛成一个变量 --tk-attr-w: 300px，所有行共用。
· 同时给 width:100% + max-width：只给 max-width 时块级 input 默认
width:auto 会按内容收缩，反而比别的行窄。
· 去掉 pp-root 那个独立的 340px。
🔴 还修了一个更隐蔽的：`.tk-attr-row` 原本有 `flex-wrap: wrap`。
窄屏（容器 340px，控件 300px + 标签 46px + gap 10px = 356px）放不下
⇒ 控件**掉到下一行**，左缘从 76 变成 0，整列看着像塌了。
用 Playwright 量出来才发现的（宽屏下完全正常，很容易漏）。
⇒ 不换行，让控件按 flex:1 1 auto + min-width:0 收缩。
实测（Playwright 量 getBoundingClientRect）：
宽屏 900px：五行的控件左缘全是 76、宽 300、右缘 376 ✅
保存按钮左缘 76 ✅（与控件对齐）
窄屏 380px：五行左缘全是 76、宽 284（自动收缩）、右缘 360 ✅
没有换行 ✅
FamilyBook
家书，记录家庭的全部生活，一本用岁月写成的家谱。
把一个家的「人」「日子」「去过的地方、看过的电影」收进同一本书里。
它是什么
一个自托管的家庭生活系统。它不是又一个待办清单，而是这个家的长期档案 —— 十年之后还能翻出孩子第一次观影的票根、那年暑假走过的路线。
围绕三个圈展开：
- 人：家庭成员、亲友通讯录，以及他们之间的共享关系
- 时间：日历、日程、提醒，以及任务的期限
- 事件：观影、旅行、其他活动 —— 一切都落在同一条时间轴上
它在做什么
| 阶段 | 主题 | 内容 |
|---|---|---|
| 0 | 地基 | 名册、账号、登录、权限模型、安装向导 |
| 1 | 通信 | 通讯录、共享给某个成员、CardDAV 服务端 |
| 2 | 时间 | 日历本、重复日程、提醒、CalDAV 服务端 |
| 3 | 归一 | 观影与旅行迁入统一事件模型 |
| 4 | 任务 | 任务管理，期限自动映射成日历事件 |
| 5 | 回看 | 统计、年度家书、时间轴 |
当前进度：阶段 0 起步，仓库里只有图标与脚手架。
技术选型
- PHP 7.4+（无框架、无 Composer，上传到站点目录即可运行）
- MySQL 5.7+ / 8.0（
utf8mb4） - 前端为原生 HTML / CSS / JavaScript，无构建步骤
⚠️ 注意 CalDAV / CardDAV 是双向协议，和单纯的 .ics 文件导出不是一个量级的东西。
部署
- 把代码放到站点根目录；
- 复制
config.example.php为config.php，填写数据库与app_key； - 访问站点根，按引导页确认 PHP 版本、扩展、配置、数据库连接四项都通过。
config.php 不入库（已在 .gitignore 中忽略），其中包含数据库口令与加密密钥。
⚠️ app_key 一旦开始记录数据就不能再改（换掉即解不开已有数据），
并且它必须单独备份 —— 密钥丢失等同于数据永久丢失。
隐私
身份证号、手机号属于敏感个人信息，一律加密存储。 （就家庭自用而言，身份证号其实没有多少必须存的场景，启用前请三思。）
图标
见 assets/icons/。概念是「这本书就是家」：屋顶即一本摊开的书，
屋顶下纸做的墙上，三行横线是这个家写下的日子。