Files
rhinelab-ui/verification/UI-INSETS.md
T

3.4 KiB
Raw Blame History

四边距设置

2026-09-10。用户因任务栏遮挡底部 UI,要求增加上/下/左/右四个独立滑杆,并明确允许负数。

WE 属性新增原生「界面边距 · 正值内收 / 负值外扩」分组,四项范围 −300~300px、默认 0、步长 1。数值是原布局额外偏移,通过舞台缩放换算为显示区域的 CSS 像素;不是把原边距替换为 0。部分宿主回调不覆盖其他方向,非法数值回退 0。

原生 CSS 调整工作台、档案与详情容器的边界,分别校正品牌、设置、页脚、固定游戏说明、弹窗和独立查看器控制区。三维画布保持原尺寸,字号不因边距缩放。UI 曲面在边距布局后测量;开场不受 UI 边距影响。场景目标与解密标记继续对应真实模型位置。

验证:

  • 单元检查覆盖四方向正负数、超范围、非有限值、部分回调保留和全零恢复;八个原生分组及条件显示通过。
  • Edge 对照页在曲面关闭时记录:基线 brandLeft=46.11、brandTop=89.09、footerBottom=27.35、navRight=46.11。
  • 设置上 30、下 60、左 −20、右 40 后分别得到 26.11、119.08、87.34、86.10,误差约 0.01px。字体均为 44px,三维画布均为 2139.70×844 CSS px。
  • 随后开启曲面并切到档案模式,实际点击读取入口成功打开详情。设置无需开启视差即可生效。
  • 壁纸构建与正式网页构建均通过;保留既有大块体积提示。

2026-09-10 修订:曲面纵深、细颗粒、颗粒尺寸、边缘色散、暗角的默认数值统一为 20。下边距不再缩短桌面工作台的中部定位容器;底部导航和页脚先上移,实际接近中部内容时才推动对应内容,上方品牌限制继续上移,空间不足时内容独立滚动。手机窄屏继续采用原有纵向滚动布局。

WE 新增「工作台 · 可用功能」,时间日期、今日事项、重要日程、正在播放、专注计时各自可开关,默认全开。关闭功能同时移除其右侧内容入口和底部按钮;当前项关闭时选择首个仍开启功能,全关时隐藏右侧内容和导航。左侧时钟与事项仍由原显示开关控制,任务和计时状态保留。用户明确要求自行验证,本轮仅完成实现和构建打包,未进行运行时与视觉验收。

2026-09-10 后续修正(覆盖上述中部避让方案):用户明确下边距只移动底部两排,排间距固定,中部组件不压缩、不滚动。已删除 workbench-insets 自动避让;工作台高度不再随下边距变化。底部导航、游戏入口与页脚在曲面投影之后使用相同 translate 偏移。另修复 :is 内 ID 提高优先级导致原规则覆盖,以及减少动态效果的隐式 all 过渡污染曲面测量的问题。Edge 实际页面完成 1920×1080、2560×1440、1600×900,曲面 0/20/80,下边距 60/192/300/−80/0,共 45 组检查:中部坐标及尺寸固定,无新增 overflow,底部各行位移一致。画面对照与数据见 verification/ui-insets/。

WE「入场与画面」新增暗色专用开关「暗色模式仅选中档案标签使用强调色」,默认关闭保留现有选择。开启后阵列与归位档案的顶边标签使用暗色,当前选中档案保留琥珀强调;浅色不受影响。通过既有材质 uniform 实现,无新增网格与绘制通道,暗色开/关及浅色截图已检查。