增加进化树的node
This commit is contained in:
parent
b66674826f
commit
b4dc44f10c
|
@ -719,6 +719,7 @@ var formation = new Formation(teamsCount,5);
|
|||
</div>
|
||||
<div class="setting-box">
|
||||
<div class="setting-row row-mon-id">
|
||||
<button class="open-evolutionary-tree"></button>
|
||||
<button class="open-search"></button><!--搜索怪物按钮-->
|
||||
<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
|
||||
<datalist id="monsters-name-list"></datalist>
|
||||
|
@ -872,6 +873,10 @@ var formation = new Formation(teamsCount,5);
|
|||
<div class="dialog-content"></div>
|
||||
<div class="dialog-control"><button class="dialog-close"></button></div>
|
||||
</div>
|
||||
<div class="mask mask-evolutionary-tree display-none">
|
||||
<div class="mask-content"></div>
|
||||
<button class="mask-close"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-box">
|
||||
<button class="button-null"><!--留空格子--></button>
|
||||
|
|
14
script.js
14
script.js
|
@ -836,11 +836,6 @@ function initialize() {
|
|||
line.setAttribute("y2", p2.y);
|
||||
};
|
||||
|
||||
/*const updateTime = controlBox.querySelector(".datasource-updatetime");
|
||||
updateTime.onclick = function(){
|
||||
loadData(true);
|
||||
};*/
|
||||
|
||||
//标题和介绍文本框
|
||||
const titleBox = formationBox.querySelector(".title-box");
|
||||
const detailBox = formationBox.querySelector(".detail-box");
|
||||
|
@ -2364,11 +2359,10 @@ function editBoxChangeMonId(id) {
|
|||
evoCardUl.style.display = "none";
|
||||
evoCardUl.innerHTML = ""; //据说直接清空HTML性能更好
|
||||
|
||||
const evoLinkCardsIdArray = Cards.filter(function(m) {
|
||||
return m.evoRootId == card.evoRootId;
|
||||
}).map(function(m) { return m.id; }); //筛选出相同进化链的
|
||||
const evoLinkCardsIdArray = Cards.filter(m=>m.evoRootId == card.evoRootId).map(m=>m.id); //筛选出相同进化链的
|
||||
|
||||
const createCardHead = editBox.createCardHead;
|
||||
const openEvolutionaryTree = settingBox.querySelector(".row-mon-id .open-evolutionary-tree");
|
||||
if (evoLinkCardsIdArray.length > 1) {
|
||||
fragment = document.createDocumentFragment(); //创建节点用的临时空间
|
||||
evoLinkCardsIdArray.forEach(function(mid) {
|
||||
|
@ -2380,6 +2374,10 @@ function editBoxChangeMonId(id) {
|
|||
});
|
||||
evoCardUl.appendChild(fragment);
|
||||
evoCardUl.style.display = "block";
|
||||
openEvolutionaryTree.classList.remove(className_displayNone);
|
||||
}else
|
||||
{
|
||||
openEvolutionaryTree.classList.add(className_displayNone);
|
||||
}
|
||||
|
||||
const mType = monInfoBox.querySelectorAll(".monster-type li");
|
||||
|
|
|
@ -669,6 +669,7 @@ var formation = new Formation(teamsCount,6);
|
|||
</div>
|
||||
<div class="setting-box">
|
||||
<div class="setting-row row-mon-id">
|
||||
<button class="open-evolutionary-tree"></button>
|
||||
<button class="open-search"></button><!--搜索怪物按钮-->
|
||||
<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
|
||||
<datalist id="monsters-name-list"></datalist>
|
||||
|
@ -822,6 +823,10 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="dialog-content"></div>
|
||||
<div class="dialog-control"><button class="dialog-close"></button></div>
|
||||
</div>
|
||||
<div class="mask mask-evolutionary-tree display-none">
|
||||
<div class="mask-content"></div>
|
||||
<button class="mask-close"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-box">
|
||||
<button class="button-null"><!--留空格子--></button>
|
||||
|
|
|
@ -2203,3 +2203,10 @@ ul{
|
|||
box-sizing: border-box;
|
||||
width: calc(100% - 50px * 1);
|
||||
}
|
||||
.open-evolutionary-tree
|
||||
{
|
||||
}
|
||||
.open-evolutionary-tree::before
|
||||
{
|
||||
content: "⛓️进化链";
|
||||
}
|
|
@ -1364,6 +1364,7 @@ var formation = new Formation(teamsCount,6);
|
|||
</div>
|
||||
<div class="setting-box">
|
||||
<div class="setting-row row-mon-id">
|
||||
<button class="open-evolutionary-tree"></button>
|
||||
<button class="open-search"></button><!--搜索怪物按钮-->
|
||||
<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
|
||||
<datalist id="monsters-name-list"></datalist>
|
||||
|
@ -1517,6 +1518,10 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="dialog-content"></div>
|
||||
<div class="dialog-control"><button class="dialog-close"></button></div>
|
||||
</div>
|
||||
<div class="mask mask-evolutionary-tree display-none">
|
||||
<div class="mask-content"></div>
|
||||
<button class="mask-close"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-box">
|
||||
<button class="button-null"><!--留空格子--></button>
|
||||
|
|
Loading…
Reference in New Issue