feat(character-detail): rebuild the asset page layout - #946
Merged
xiaocheny214 merged 4 commits intoSep 19, 2026
Merged
Conversation
…grid 四向原本排成 2×2 方阵,读不出方位。改成和八向同一张九宫格:北在上中、南在下中、西在左中、东在右中,四角与中心留空。
…grid 四向改九宫格后空位从 0 个变成 5 个,原来每个空位画一个虚线框,盘面会碎成一片。空位改为不画边框、不进可访问树。
…rdcoded colors 三个导出入口原本竖排,嵌进调用方的横排按钮组后会错落成三行。新增 layout="menu",只露一个「导出」按钮,资产包与 Cocos 两条路径进二级菜单,每项都带图标。 Cocos 按钮与导入反馈的 sky/amber/emerald/rose 硬编码色改用 app-* token,一套值同时覆盖明暗主题,不再需要 dark: 分支。 基础类不再输出 padding、边框色和非 pill 圆角:它们和调用方 className 里的同类 utility 撞车,谁生效取决于 CSS 产出顺序而不是拼接顺序。playtest 工具栏同步补上尺寸。
母版与规格转为左栏,动作列表进右栏并留在首屏;原来母版按视口平分整行,每格接近 900px。 标题缩略图从 absolute 悬空收回正常流,header 随之去掉 overflow-hidden —— 那个属性会裁掉 header 内的任何浮层,导出菜单第一项就被它切掉。 顶部操作行统一成设计系统的控件:次级操作用 chrome 变体,重量只留给「在预览台打开」。承载块统一为同一种底色与圆角,不再各挑各的。 删掉重复信息:方位盘已经画出几向,规格里不再重复「4 个方位」「4/4 已备齐」,母版齐备时不占行,只在缺方向时点名。
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
huyanxius
requested review from
johnnyzhang-eng,
xiaocheny214 and
xyh202131
September 18, 2026 17:13
![fennoai[bot]](https://avatars.githubusercontent.com/in/1924301?s=60&v=4){kind=small}
xiaocheny214
approved these changes
Sep 19, 2026
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
角色资产详情页改成左右两栏，导出入口收进菜单，四向母版按九宫格摆。
Why
顶部三个导出入口错落成三行；四向母版平分整行把动作列表挤出首屏；header 的 overflow-hidden 会裁掉页面内的浮层；Cocos 相关配色写死在主题体系外，明暗两套要各维护一份。
Changes
Implementation
ExportButton加layout="menu"，复用productPopoverClass与useProductPopoverMotionplaytest-export-page同步补尺寸getDirectionGridLayout('four-way')改九格布局，这是共享表，Quick Start 跟随Verification
npm run format:checknpm run lintnpm run typechecknpm run test:coverage：90 files / 1391 testsnpm run buildScope
ExportPanel内的硬编码色不在本页路径上，未一并处理Related Issues
Closes #944