mapaler
/
PADDashFormation
1
0
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

第一步，显示交换队长的图标

This commit is contained in:
枫谷剑仙 2021-04-24 02:48:32 +08:00
parent f0d31f6ea0
commit 32d7a3b322
6 changed files with 112 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/icon-switch-leader.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 655 B

20
multi.html
View File

@ -165,6 +165,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-2 null">
@ -176,6 +177,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-3 null">
@ -187,6 +189,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-4 null">
@ -198,6 +201,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-5 null">
@ -209,6 +213,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
</ul>
@ -285,6 +290,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-2 null">
@ -297,6 +303,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-3 null">
@ -309,6 +316,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-4 null">
@ -321,6 +329,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-5 null">
@ -333,6 +342,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
</ul>
@ -353,6 +363,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-3 null">
@ -365,6 +376,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-4 null">
@ -377,6 +389,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-5 null">
@ -389,6 +402,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-1 team-leader null">
@ -401,6 +415,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
</ul>
@ -476,6 +491,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-3 null">
@ -487,6 +503,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-4 null">
@ -498,6 +515,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-5 null">
@ -509,6 +527,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-1 null">
@ -520,6 +539,7 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
</ul>

18
script.js
View File

@ -2545,7 +2545,7 @@ function changeid(mon, monDom, latentDom) {
}
}
const skillCdDom = monDom.querySelector(".skill");
const skillCdDom = monDom.querySelector(".skill-cd");
if (skillCdDom) //如果存在技能CD DOM
{
//const skill = Skills[card.activeSkillId];
@ -2556,6 +2556,18 @@ function changeid(mon, monDom, latentDom) {
}
}
const switchLeaderDom = monDom.querySelector(".switch-leader");
if (switchLeaderDom) //如果存在队长交换 DOM
{
const skills = getCardActiveSkills(card, [93]); //更换队长的技能
if (skills.length > 0) {
switchLeaderDom.classList.remove(className_displayNone);
} else {
switchLeaderDom.classList.add(className_displayNone);
}
}
parentNode.appendChild(fragment);
}
//刷新潜觉
@ -3490,8 +3502,8 @@ function refreshMemberSkillCD(teamDom, team, idx) {
const assistCard = Cards[assist.id] || Cards[0];
const assistSkill = Skills[assistCard.activeSkillId];
const memberSkillCdDom = memberMonDom.querySelector(".skill");
const assistSkillCdDom = assistMonDom.querySelector(".skill");
const memberSkillCdDom = memberMonDom.querySelector(".skill-cd");
const assistSkillCdDom = assistMonDom.querySelector(".skill-cd");
const memberSkillCd = memberSkill ? (memberSkill.initialCooldown - (member.skilllevel || memberSkill.maxLevel) + 1) : 0;
const assistSkillCd = assistSkill ? (assistSkill.initialCooldown - (assist.skilllevel || assistSkill.maxLevel) + 1) : 0;

36
solo.html
View File

@ -110,7 +110,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-2 null">
@ -121,7 +122,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-3 null">
@ -132,7 +134,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-4 null">
@ -143,7 +146,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-5 null">
@ -154,7 +158,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-6 null">
@ -165,7 +170,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
</ul>
@ -253,7 +259,8 @@ var formation = new Formation(teamsCount,6);
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-2 null">
@ -265,7 +272,8 @@ var formation = new Formation(teamsCount,6);
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-3 null">
@ -277,7 +285,8 @@ var formation = new Formation(teamsCount,6);
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-4 null">
@ -289,7 +298,8 @@ var formation = new Formation(teamsCount,6);
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-5 null">
@ -301,7 +311,8 @@ var formation = new Formation(teamsCount,6);
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-6 team-leader null">
@ -313,7 +324,8 @@ var formation = new Formation(teamsCount,6);
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
</ul>

21
style.css
View File

@ -506,11 +506,11 @@ ul{
/*.monster .id::before{
content: "No.";
}*/
.monster .skill::before{
.monster .skill-cd::before{
content:"CD";
font-size: 10px;
}
.monster .skill{
.monster .skill-cd{
font-size: 13px;
line-height: 13px;
color:white;
@ -519,12 +519,25 @@ ul{
right:0;
bottom:0;
}
.monster .skill.max-skill{
.monster .skill-cd.max-skill{
display: none;
}
.show-mon-skill-cd .monster .skill.max-skill{
.show-mon-skill-cd .monster .skill-cd.max-skill{
display: block;
}
/*交换队长技的图标*/
.monster .switch-leader
{
position: absolute;
right: 0px;
bottom: 17px;
width: 23px;
height: 25px;
background-image: url(images/icon-switch-leader.png);
background-position: center;
background-repeat: no-repeat;
}
.not-show-awoken-count .formation-box .team-total-info, /*单个队伍血量统计*/
.not-show-awoken-count .formation-box .team-ability, /*单个队伍三维*/
.not-show-awoken-count .formation-box .team-awoken, /*单个队伍觉醒统计*/

36
triple.html
View File

@ -126,6 +126,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-2 null">
@ -137,6 +138,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-3 null">
@ -148,6 +150,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-4 null">
@ -159,6 +162,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-5 null">
@ -170,6 +174,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-6 null">
@ -181,6 +186,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
</ul>
@ -269,6 +275,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-2 null">
@ -281,6 +288,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-3 null">
@ -293,6 +301,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-4 null">
@ -305,6 +314,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-5 null">
@ -317,6 +327,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-6 team-leader null">
@ -329,6 +340,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
</ul>
@ -547,6 +559,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-2 null">
@ -558,6 +571,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-3 null">
@ -569,6 +583,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-4 null">
@ -580,6 +595,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-5 null">
@ -591,6 +607,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-6 null">
@ -602,6 +619,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
</ul>
@ -690,6 +708,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-2 null">
@ -702,6 +721,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-3 null">
@ -714,6 +734,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-4 null">
@ -726,6 +747,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-5 null">
@ -738,6 +760,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-6 team-leader null">
@ -750,6 +773,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
</ul>
@ -968,6 +992,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-2 null">
@ -979,6 +1004,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-3 null">
@ -990,6 +1016,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-4 null">
@ -1001,6 +1028,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-5 null">
@ -1012,6 +1040,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-6 null">
@ -1023,6 +1052,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
</ul>
@ -1111,6 +1141,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-2 null">
@ -1123,6 +1154,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-3 null">
@ -1135,6 +1167,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-4 null">
@ -1147,6 +1180,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-5 null">
@ -1159,6 +1193,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
<li class="member member-6 team-leader null">
@ -1171,6 +1206,7 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
<div class="switch-leader display-none"></div>
</a>
</li>
</ul>