构建与浏览器检查通过

作业指导页面风格统一

2026-09-09 · 数字车间 / 内容制作

参照模型制作、场景制作的系统主题,统一指导书列表、模板库、编制、新建、预览和对外接口页面。

本次调整

补充调整:模板库以完整白色内容卡片承载模板、分页与结构预览;对外接口的主内容、接口说明及契约区域统一使用系统白色背景。截图已更新,并重新通过构建与浏览器回归。

页面调整内容
指导书列表使用系统搜索框、状态/排序选择器、带边框表格和统一分页;搜索需明确提交,支持重置。进入编制为主要操作,详情、预览、版本、下载和删除收进“更多”,权限及禁用条件保留。
模板库移除重复大标题,统一页面边距、模板卡片、选中态和分页;较窄窗口改为两列,结构预览保留。
编制、新建、预览统一工具栏、按钮、表单、侧栏和选中态颜色。编制器按视口分配高度,内部滚动。文档纸张及插图保留原有颜色。
对外接口统一三栏面板、留白、输入框及按钮;长路径换行,较窄窗口将契约说明放到下方。暗色主题补齐背景与文字对比。

验证范围及结果

检查结果
pnpm run build:类型检查、Vite 构建、模型编辑器产物检查通过
12 条临时指导书:明确搜索、无结果、重置、下一页/上一页通过
更多菜单、项目详情打开/关闭、进入编制、指导书预览、新建入口通过
4 个模板:选择切换、结构预览、模板预览弹窗通过
接口查询:执行 GET 项目列表,自检返回 200通过
1920×911、1366×768;军绿、科技、石墨、暗色主题截图检查通过
所有截取页面无整体横向溢出;无浏览器未捕获异常;局域网入口返回 200通过

使用独立、用后关闭的浏览器上下文,在其本地指导书仓库准备 STYLE-1~STYLE-12 测试数据,没有修改用户浏览器中的现有指导书。未执行发布、删除、外部写入或下载生成的全面业务回归。本轮为样式调整与主要交互回归;接口页现有查询仍是本地工程自检,不代表新增了 HTTP 服务。

编制器和模板预览保留现有自定义渲染及事件处理,宿主页负责系统控件和主题适配,避免样式调整影响文档编制与导出逻辑。构建保留现有大分包、Three.js URL 提示,无新增构建失败。

指导书列表:统一筛选、表格和主要操作
指导书列表
更多菜单:保留全部次要操作及禁用状态
列表更多菜单
模板库:统一外边距、卡片、分页和结构预览
模板库
模板预览
模板预览
指导书编制
指导书编制
指导书编制 · 暗色主题
暗色编制器
指导书动态预览:纸张、插图保持原色
指导书预览
对外接口:导航、参数及契约说明
对外接口
接口查询结果
接口查询结果
暗色主题下的接口页面
暗色接口
较窄窗口:模板库自动调整列数
较窄模板库
新建指导书入口
新建指导书

更多主题截图