JianFeeeee
f83c23362a
跨端: 修卡片投影/页签条圆角/日视图/周视图 — 五处对 WebUI 的误读
用户逐条指出后，用 CDP 读 WebUI 的 computed style 与祖先链，发现五处都是我读错/抄错。
## ① 列表底部那条"不知道什么玩意的阴影"（用户原话）
根因：我把 `instance.shadow(Theme.glassShadow)` 挂在 **每张卡片** 上。
WebUI 全仓 `box-shadow` 只有三处 —— `.app-shell > *`（窗格）、
`html[data-bg='on'] .app-shell > *`、`.narrow-nav`（底部导航条）。
**卡片 `.glass-card` 一次都没有**（整个规则块只有 radius/border/bg/transition）。
一屏十几张卡各投一次 ⇒ 叠加成灰雾。设备实测（x=600，卡片底边 y≈1847）：
有投影 y=1846→231、y=1852→230（向下衰减的暗带）
去掉后 y=1846→255、y=1852→251（消失）
⇒ 投影移到 `PaneModifier`（窗格层），与 WebUI 一致。
★ 判定实验还排除了一个嫌疑：`List` 默认 `edgeEffect(EdgeEffect.Spring)`
（官方文档「支持弹簧效果和**阴影效果**」）。设 `EdgeEffect.None` 后暗带照样在
⇒ 不是它。**弹簧是滚到边缘的正常反馈，不该为遮一个 bug 把它关掉。**
## ② 页签条右上角"那个圆角"（用户原话）
两道弧叠在一起。WebUI 实测（CDP 读祖先链）：
.comm-pane x=80 w=320 radius=14px overflow=hidden ← 窗格
tabstrip x=80 w=320 radius=0px ← 页签条
**两者横向完全齐平**，页签条自己直角、靠窗格裁圆 ⇒ 只有一道弧。
我们内缩 16vp + 自己带角 ⇒ 两道弧，中间一弯月牙。
⇒ 改成与窗格齐平、只留左上角圆角。
★ 期间我犯过两个错，都记在注释里：先把半径设成 `HEADER_HEIGHT/2`=22（条高也是
44，那就是一个完整胶囊），后来自作主张把整条改成"通栏+下边框+无玻璃"——
那是重做而不是用户要的小改，已还原。
## ③ 日视图与周视图一样（用户原话）
`DayTimeline()` 我写好了却**从未调用**。日视图一直走 `rows()`（周视图那套七列）。
⇒ 按 scale 分流：日视图 → 24 小时时间轴（对齐 WebUI `DayGrid` 的 `HOURS` 逐行、
当前小时淡蓝底）；周/日格子改用 `WEEK_CELL_HEIGHT`(240) 并画日程标题条
（对齐 `EventChip`：`HH:mm` + 标题，停用的加删除线 + 灰底）。
## ④ 邮件正文垂直居中（用户原话）
官方 FAQ `faqs-arkui-725` 原文：内容比 `Scroll` 矮时「**默认居中排布**」，
要 `.align(Alignment.Top)` 才是顶部排布。
实测内容块在 `Scroll` 里偏移 731px = (1944−481)/2 —— 正好居中。
⇒ 4 处 Scroll/List 补 `.align(Alignment.Top)`（详情页 y 从 1018 → 287）。
## ⑤ 窄屏圆角/留白全丢（用户：「你的邮件的圆角呢？日历的圆角呢？」）
`borderRadius(this.isWide ? glassRadius : 0)` —— 窄屏恒 0；
`left/right: isWide ? paneGap : 0` —— 把 WebUI「窄屏**底边**留白为 0」
错推广成「四边都为 0」。
WebUI 两条 shell 规则**都给圆角**，差的只是底边留白。
⇒ 圆角两端都开；左右留白两端都给；只有底边分宽窄。
## 连带修的两个真问题
· **底部导航避让**（用户：「为什么不避让底部导航栏」）：根是 `NavBar` 与内容
是 `Stack` 里的**并列兄弟**（互相重叠），所以每个滚动容器都得手写
`contentEndOffset` —— 我漏了 8 处。照 WebUI 改成 `Column{内容, NavBar}`
（WebUI 实测 `scroller.bottom=861` / `nav.top=871`，内容停在导航上方）。
· **不透明的那一张卡**（用户：「有一个完全不透明的邮箱项」）：`MailRow` 手写
`Theme.surface`（系统卡片色 α=1），而 `GroupHeader` 用的是 `GlassCardModifier`。
⇒ 改用同一件基础件 + 新增 `TintModifier` 合成状态色（`.attributeModifier`
是单一插槽，色必须参与合成）。实测 `(255,255,255)` → `(195,218,204)`。
判据随之反转 3 条（`harmony-widescreen` 两处把"窄屏 0"改成"两端都要"、
`cross-client-theme` 抓到我新写的 `Theme.border` 当 `fontColor`）。
2026-09-21 12:04:52 +08:00
..
2026-09-15 11:17:23 +08:00
2026-09-21 12:04:52 +08:00
2026-09-08 19:16:35 +08:00
2026-09-15 12:25:25 +08:00
2026-09-15 11:38:34 +08:00
2026-09-08 19:16:35 +08:00
2026-09-08 19:16:35 +08:00
2026-09-08 19:16:35 +08:00
2026-09-08 19:16:35 +08:00