后台优化页面布局

对结论:8.6.40 只做了「壳挂载 + 部分锁定层」,按开发文档严格验收,远未做完。链接挂上 ≠ 视觉合规。

更新于 2026-07-19 23:34
版本号v8.6.34
升级时间2026-7-20 07:34
版本标题后台优化页面布局

升级内容

对结论:8.6.40 只做了「壳挂载 + 部分锁定层」,按开发文档严格验收,远未做完。链接挂上 ≠ 视觉合规。

总评

维度 结论

主壳是否挂了 CSS

约 95%+(admin.layout / master.shell)

租户页锁定层是否最终生效

基本否(后面还有 volc 覆盖)

宽屏意图大致到位

约 35–45%

文档全量规范(组件+交互+空态等)

约 15–25%

一、壳/页面遗漏(未挂锁定层)

类型 路径/场景 状态

租户选图弹窗

admin/image_library/picker_frame

未做

总后台选图弹窗

master/image_library/picker_frame

未做

DIY 独立页

editnew / preview / chooseurl* / chooseproduct 等

未做(独立 HTML)

登录/OAuth

sutui_admin_login、oauth 辅助页

未做(可另定范围)

旧总后台壳

master/layout.blade.php

未挂(现网几乎不用)

官网 C 端

official/*

文档范围外,正确不改

日常会点到的缺口主要是:媒体库选图弹窗、DIY 选链/选品弹层。

二、已挂壳但仍被盖掉(最严重)

租户 admin/layout 底部顺序是:

console-tdesign-vedesign-content-lock.css(文档锁定层)

tenant-console-page-volc.css(在后面)

tenant-shop-admin-volc.css(在后面)

礼物页 / 内联 final-lock 等

因此租户几乎所有业务页上,锁定层不是最终权威。

已核实冲突包括:

volc 把 .field 打成 flex-direction: column → 文档要求的「Label 120 右对齐横排」被打掉

筛选输入仍有 max-width: 320px

master-cloud-design-lock.css 仍有大量 240/320/480/640 窄宽

admin-content.css 仍残留 fit-content / min(520px)

若干页 @stack('page-layout-lock')、内联 max-width(设置/商城/菜单等)继续分叉

三、文档有、锁定层没有(组件/规范缺口)

文档项 现状

骨架屏 Skeleton

空状态三类(无数据/无权限/无搜索)+ 64px 图标

仅粗糙 empty,不完整

抽屉宽 600/800

无(只有阴影/z-index)

日期/区间 DatePicker

Tree / Transfer / Cascader

Steps 完整(图标态/间距细则)

仅 gap:64 半截

导入/批量/强校验弹窗

无专项

只读详情表单

动态增删表单行

NoticeBar 通栏

Badge 99+

暗黑 Token

校验汇总 Alert / 选填「(选填)」

权限隐藏后留白、埋点、i18n、虚拟表、防抖、弹窗懒挂载

属 JS/工程,CSS 未做也未配套

交互类(二次确认、键盘 ESC/Enter、成功提示 3s)也不能靠现有 CSS 算完成。

四、哪些算「已覆盖到壳」但仍未「按文档做完」

几乎所有 @extends('admin.layout') / master.shell 的列表/表单/配置页(商城、交友、搭子、营销、设置、总后台财务/租户/官网 CMS 等)——都挂了样式,但因第二节覆盖 + 第三节缺组件,不能算验收通过。

DIY 设计器在壳内的配置页(home_drawer_menu、profile_center 等)挂了壳,但页内自有 CSS 仍会分叉。

五、建议补齐顺序(若继续做完)

把锁定层挪到租户 footer 绝对最后(压过 tenant-*-volc / gift / page-layout-lock)

清掉 design-lock / admin-content / volc 的窄宽与竖排表单冲突

补文档第九部分组件 CSS(空态/骨架/抽屉宽/日期/树/穿梭/Steps/弹窗分型)

挂上 picker_frame(及需要的 DIY 弹层)

交互与工程项(确认框、权限隐藏、虚拟表等)单独做 JS,不能只靠 CSS

如果你要,我可以按上面 1→3 直接开工补齐,并出一版 8.6.40.1 / 8.6.41 验收清单对照文档逐条打勾。