laoyang
09f7878994
样式改为走规范组件 FbSectionTitle / FbPersonChip (#77)
用户 2026-11-05:「样式还没变,还记得咱们之前规定的样式是怎么做的吗?」
找到了。规定就在 entry/src/main/ets/components/Widgets.ets,
而且 FbSectionTitle 的注释里**留着用户原话**:
「"今天的日程",既然是日程,标题颜色就应该用日程的主题色。
…下面的"近期任务"改法跟上面一样,还有"最近纪念日"也不说了,全都是一样的。」
上一轮我做错的地方:**手写 Text 改 fontColor**,没走组件。
而 FbSectionTitle 给的是三样东西:
· fontWeight: accent 存在时 Bold(不是 Medium)
· fontColor: accent
· letterSpacing: 0.6
我只改了颜色 ⇒ 字重和字距还是老样子 ⇒ 用户看着"样式没变"。
改动:
① 子任务 / 附件 / 留言 三个区块标题 → 全部换成 FbSectionTitle
传 accent: this.accent(模块主题色)+ extra(数量/进度)
② 留言人 → 换成 FbPersonChip
网页端留言人用的就是 person_chip()(头像 + 名字的胶囊),
鸿蒙端对应 FbPersonChip。上一轮我手写的"头像 + 纯文字名字"只是长得像,
不是同一套。换掉后同时删掉外置的那个 FbAvatar(组件内置了,会画两遍)。
🔴 踩到一个组件约束:FbSectionTitle 是 `width(100%)` 的独立组件,
塞进 `Row` 里会和后面的计数/按钮抢宽度,被压成 0 宽。
⇒ 三处都改成**独占一行**;「已完成 2/5」这类附加信息走它自带的 extra;
按钮(+ 添加附件)另起一行右对齐。
编译通过,已装真机。
2026-11-05 19:29:39 +08:00
..
2026-11-05 19:29:39 +08:00
2026-10-11 22:07:48 +08:00
2026-10-11 22:07:48 +08:00
2026-10-11 22:07:48 +08:00
2026-10-11 22:07:48 +08:00