我们正在测试新版皮肤( 切换至新版切换至旧版 | 了解详情 )
我们正在测试新版皮肤( 切换至新版切换至旧版 | 了解详情 )

微件:AkComponents

来自PRTS
跳转到导航 跳转到搜索

用法:模板最外层元素加 ak-host 类,模板里写一次 {{#widget:AkComponents}}。

模板直接输出设计系统组件(.ak-archive 等)的 HTML 时用。Arknights 皮肤本来就全套加载组件样式,什么都不做; 其他皮肤(Vector / Vector 2022 / Minerva …)用 JS 加载皮肤自己的 skins.arknights.components + skins.arknights.fonts, 加载完给页面里的 .ak-host 加 ak-scope 当作用域根。做法同新首页(微件:Mpstyle/newskin)。

  • 样式到位前 .ak-host 先 visibility: hidden,免得闪一下没样式的版面;脚本没跑起来 3 秒后照常显示,无 JS 的访客不藏。
  • 旧 Vector / Minerva 的 <html> 不带 skin-theme-clientpref-*,令牌会跟随系统明暗,系统暗色下组件会变成亮页面里的一块黑,所以钉成亮色(<html data-theme="light">)。
  • 一页里写多次只输出一份。

见 prts-skin-migration/migration/paradox/README.md。