JianFeeeee
e988b6f24d
跨端: 去掉宽屏内容列与两栏的 .clip（圆角保留、不裁切）+ 更正两处我自己的误判
★ 改了什么
`MainPage.ets` 三处 `.clip(...)` 去掉，**圆角保留**：
· 宽屏内容列的 `.clip(this.isWide)` —— 这处**本来就在**（不是今天加的），
它是内容列的根，`Navigation` 的 `List` 在它里面
· 今天新加的两处（左栏 navBar 根、右栏 NavDestination）
★ 依据是 WebUI 自己写在**同一个规则块**里的教训（`index.css:968`）：
.app-shell > * {
border-radius: var(--radius-card);
// ★ 这里**不能**写 overflow: hidden（2026-09-14 用户：
// 「通信页面完全无法上下滑动」）。
// 面板自己就是滚动容器，而这条规则的特异性比 Tailwind 的
// .overflow-y-auto 高 ⇒ 滚动被静默干掉：实测当时**一个可滚动
// 容器都不存在**（scrollerCount=0），内容是直接被裁掉的。
// 圆角仍然生效（border-radius 不影响滚动）；角落的方角残影
// 改用 background-clip 处理……比不能滚动好得多。
我照"两栏各自圆角"改的时候，把 `overflow: hidden` 一起搬了过来 ——
而那条警告**就在同一个块里**，正是为了防这一手。
★ 更正我自己两处**错误结论**（都写进注释，免得下次重犯）
① 「你一改了之后列表没法滚动了」——**不成立**。实测该账户只有 6 组
（内容 1434px），而列表容器 1750px，**内容比容器矮，本来就不需要滚动**。
用会溢出的页面验证（「我的」页）：fling 之后页面从「背景」滚到「管理」，
**滚动是好的**。我把"内容没溢出"误读成了"滚动坏了"。
② 「列表栏宽一倍」——不成立。两端**绝对宽度相同**（列表 320vp、侧栏 60vp），
百分比差异只是视口宽度不同（1280 vs 1107vp）。我漏了密度换算（2.875）。
★ 同视口并排的结论（1107vp × 2 端，逐项量过）
侧栏 60vp、列表栏 320vp、卡片 300×78vp —— **几何两端一致**。
真正的差异在**内容**，不在尺寸（下一步按这条去做）。
2026-09-20 11:58:16 +08:00
..
2026-09-15 11:17:23 +08:00
2026-09-20 11:58:16 +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