Skip to content

页面模式 ​

L5:把组件拼成整页。样例页运行在皮肤骨架里(preview/,由 python3 scripts/build-preview.py 从 preview/_src/ 生成),信息结构取自 prts.wiki 现网页面,只换视觉——页面 wikitext 尽量不改,改的是模板输出的 HTML。

每张样例都分清两半:皮肤这半(骨架上的收敛行为,如首页去标题 / 去目录)归 skin.mustache 与皮肤样式,站点不用写 MediaWiki:Common.css;页面这半(区块结构与排布)归模板输出 + TemplateStyles,整页 / 整个模板输出标 ak-not-prose。

页面状态说明
首页设计稿现网首页的轮播 / 入口 / 今日信息 / 亮点干员 / 近期新增 / 网站信息
干员页(陈)设计稿现网「陈」页面的 19 个章节;顶部 CharinfoV2 Widget 原样复用
干员一览设计稿列表 / 筛选页:现网 CharList Widget 的 16 行筛选收成「常用三行 + 高级筛选五类页签」(筛选芯片,分支选了职业才出、带游戏图标)+ 排序 + 表格 / 卡片 / 干员卡网格三种结果
敌人一览设计稿列表 / 筛选页:现网 EnemiesListV2 Widget 换成干员一览那套排布——筛选对着游戏敌人图鉴的五组(地位 / 种类 / 攻击方式 / 伤害类型 / 行动方式)+ 八项属性等级(芯片提示数值范围)+ 排序 + 表格 / 卡片 / 敌人卡网格三种结果;头像是方图 + 左上角图鉴编号,地位看侧边色条
道具一览设计稿第二张列表 / 筛选页:现网 ItemList Widget 换成干员一览那套排布——三行筛选芯片(分类按游戏仓库的页签分四组、稀有度是底框颜色的圆环)+ 仓库顺序 / 稀有度排序 + 道具图标网格 / 列表两种结果;「其他」改成真正的兜底
公招计算设计稿工具页:现网 HrCalculator Widget 照游戏的招募流程重排——四行标签芯片(个数不限,次序对齐游戏招募页)+ 按「保底几星」分层的组合(每组至多 3 个标签,保底按 9:00 算,不保底的那层默认收起);没选标签时是全部保底组合的速查
关卡页规划关卡 .ak-stage 头 + 地图 + 敌人 .ak-enemy 列表 + 掉落 .ak-item-list
剧情页规划剧情对话 .ak-dialogue + 分段 + 剧透 .ak-redacted
特殊页 / 编辑页规划OOUI / Codex 桥接令牌 + .ak-body--flat(见特殊页面)

文本 CC BY-NC-SA 4.0 · 游戏素材版权归鹰角网络所有