装备树

简单说明

• 适用于游戏装备或道具衍生。
• 本页面不对源码进行展开，需要二改的可以前往原址自行研究。

安装

• 确保您的WIKI已有模板:JS，如果没有请移步模板:JS安装该模板。

手动安装

• 复制JS：MediaWiki:EquipTechTree.js 到您WIKI的 MediaWiki:EquipTechTree.js 页面
• 复制模板：模板:装备衍生 到您WIKI的 对应页面 页面

导入安装

将如下文件导入您的WIKI（特殊:导入页面）

使用说明

1，在要使用的页面里载入依赖JS

{{JS|EquipTechTree}}

2，引入依赖css样式

{{#CSS:
.equipTechTree .icon{text-align:center}
.equipTechTree .branch{display:flex;justify-content:center;align-items:center}
.equipTechTree .equip,.equipTechTree .equipPlaceholder{display:inline-block;margin:1em 1em;padding:0.5em 0.5em}
.equipTechTree .equipIcon{width:60px;border:2px solid #c8c7c7;box-shadow:0px 0px 2px 2px #7e7575}
.equipTechTree .equipAlt{width:60px;border:2px solid #c8c7c7;border-radius:6px;overflow:hidden;box-shadow:0px 0px 2px 2px #7e7575;opacity:0}
}}

3，使用模板

这个模板的思路就是摆好格子，然后给格子去连线，如果是2两列是如下写法和例子。

{{装备衍生
|test-1,test-2,test-3,test-4,test-5,test-6<!--这一行写所有装备图片名，可用其他语法代替，例如ask和arraymap等-->
|1-2,2-4,3-4,4-6,5-6<!--这一行写装备关系-->
|占位,1<!--两列-->
|2,占位
|占位,3
|4,占位
|占位,5
|6,占位
}}

文件:空白占位图.png

文件:空白占位图.png

文件:空白占位图.png

文件:空白占位图.png

文件:空白占位图.png

文件:空白占位图.png

这是多列的写法和列子：

{{装备衍生
|test-1,test-2,test-3,test-4,test-5,test-6
|1-2,1-3,1-4,1-5,1-6
|占位,占位,1,占位,占位
|2,3,4,5,6
}}

文件:空白占位图.png

文件:空白占位图.png

文件:空白占位图.png

文件:空白占位图.png

以此类推

MediaWiki:EquipTechTree

作者

丩卩夂忄

+关注

标签

JAVASCRIPT SMW JQUERY HTML

依赖页面

模板

• 模板:装备研发：碧蓝航线WIKI-模板:装备研发

JS

• JS：MediaWiki:EquipTechTree.js

已使用该功能的页面

• 碧蓝航线WIKI-装备研发/白鹰

更新日志