Browse Source

增加进化技能的CD显示

pull/1/head
枫谷剑仙 3 years ago
parent
commit
07ea0734a5
5 changed files with 88 additions and 70 deletions
  1. +20
    -20
      multi.html
  2. +17
    -2
      script.js
  3. +12
    -12
      solo.html
  4. +3
    -0
      style.css
  5. +36
    -36
      triple.html

+ 20
- 20
multi.html View File

@@ -205,8 +205,8 @@ var formation = new Formation(teamsCount,5);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-2">
@@ -218,8 +218,8 @@ var formation = new Formation(teamsCount,5);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-3">
@@ -231,8 +231,8 @@ var formation = new Formation(teamsCount,5);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-4">
@@ -244,8 +244,8 @@ var formation = new Formation(teamsCount,5);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-5">
@@ -257,8 +257,8 @@ var formation = new Formation(teamsCount,5);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
</ul>
@@ -343,8 +343,8 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-2">
@@ -358,8 +358,8 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-3">
@@ -373,8 +373,8 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-4">
@@ -388,8 +388,8 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-5">
@@ -403,8 +403,8 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
</ul>
@@ -472,8 +472,8 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-3">
@@ -487,8 +487,8 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-4">
@@ -502,8 +502,8 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-5">
@@ -517,8 +517,8 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-1 team-leader">
@@ -532,8 +532,8 @@ var formation = new Formation(teamsCount,5);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
</ul>
@@ -616,8 +616,8 @@ var formation = new Formation(teamsCount,5);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-3">
@@ -629,8 +629,8 @@ var formation = new Formation(teamsCount,5);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-4">
@@ -642,8 +642,8 @@ var formation = new Formation(teamsCount,5);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-5">
@@ -655,8 +655,8 @@ var formation = new Formation(teamsCount,5);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-1">
@@ -668,8 +668,8 @@ var formation = new Formation(teamsCount,5);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
</ul>


+ 17
- 2
script.js View File

@@ -5989,8 +5989,23 @@ function refreshMemberSkillCD(teamDom, team, idx) {

const memberSkillCd = memberSkill ? (memberSkill.initialCooldown - (member.skilllevel || memberSkill.maxLevel) + 1) : 0;
const assistSkillCd = assistSkill ? (assistSkill.initialCooldown - (assist.skilllevel || assistSkill.maxLevel) + 1) : 0;
memberSkillCdDom.textContent = memberSkillCd;
assistSkillCdDom.textContent = memberSkillCd + assistSkillCd;
memberSkillCdDom.innerHTML = '';
assistSkillCdDom.innerHTML = '';
memberSkillCdDom.classList.toggle("loop-skill", memberSkill.type == 233);
if (memberSkill.type == 232 || memberSkill.type == 233) //232是单向进化技能,显示。233是循环进化技能,就不显示了
{
memberSkillCdDom.append(memberSkillCd);
assistSkillCdDom.append(memberSkillCd+ assistSkillCd);
memberSkill.params.slice(1).forEach(subSkillId=>{
const subSkill = Skills[subSkillId];
const memberEvoSkillCd = subSkill.initialCooldown - subSkill.maxLevel + 1;
memberSkillCdDom.append(document.createElement("br"),memberEvoSkillCd);
assistSkillCdDom.append(document.createElement("br"),memberEvoSkillCd+ assistSkillCd);
});
} else {
memberSkillCdDom.append(memberSkillCd);
assistSkillCdDom.append(memberSkillCd + assistSkillCd);
}

if (member?.skilllevel != undefined && member?.skilllevel < memberSkill?.maxLevel) {
memberSkillCdDom.classList.remove("max-skill");


+ 12
- 12
solo.html View File

@@ -160,8 +160,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-2">
@@ -173,8 +173,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-3">
@@ -186,8 +186,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-4">
@@ -199,8 +199,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-5">
@@ -212,8 +212,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-6">
@@ -225,8 +225,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
</ul>
@@ -324,8 +324,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-2">
@@ -339,8 +339,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-3">
@@ -354,8 +354,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-4">
@@ -369,8 +369,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-5">
@@ -384,8 +384,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-6 team-leader">
@@ -399,8 +399,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
</ul>


+ 3
- 0
style.css View File

@@ -691,6 +691,9 @@ body:not(.show-mon-id) .monster .id{
content:"CD";
font-size: 10px;
}
.monster .skill-cd.loop-skill::before{
content:"🔁CD";
}
.monster .skill-cd {
font-size: 13px;
line-height: 13px;


+ 36
- 36
triple.html View File

@@ -171,8 +171,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-2">
@@ -184,8 +184,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-3">
@@ -197,8 +197,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-4">
@@ -210,8 +210,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-5">
@@ -223,8 +223,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-6">
@@ -236,8 +236,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
</ul>
@@ -335,8 +335,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-2">
@@ -350,8 +350,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-3">
@@ -365,8 +365,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-4">
@@ -380,8 +380,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-5">
@@ -395,8 +395,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-6 team-leader">
@@ -410,8 +410,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
</ul>
@@ -708,8 +708,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-2">
@@ -721,8 +721,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-3">
@@ -734,8 +734,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-4">
@@ -747,8 +747,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-5">
@@ -760,8 +760,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-6">
@@ -773,8 +773,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
</ul>
@@ -872,8 +872,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-2">
@@ -887,8 +887,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-3">
@@ -902,8 +902,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-4">
@@ -917,8 +917,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-5">
@@ -932,8 +932,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-6 team-leader">
@@ -947,8 +947,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
</ul>
@@ -1245,8 +1245,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-2">
@@ -1258,8 +1258,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-3">
@@ -1271,8 +1271,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-4">
@@ -1284,8 +1284,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-5">
@@ -1297,8 +1297,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-6">
@@ -1310,8 +1310,8 @@ var formation = new Formation(teamsCount,6);
<div class="awoken-count-num"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
</ul>
@@ -1409,8 +1409,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-2">
@@ -1424,8 +1424,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-3">
@@ -1439,8 +1439,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-4">
@@ -1454,8 +1454,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-5">
@@ -1469,8 +1469,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
<li class="member member-6 team-leader">
@@ -1484,8 +1484,8 @@ var formation = new Formation(teamsCount,6);
<div class="level"></div>
<div class="rarity"></div>
<div class="id"></div>
<div class="skill-cd"></div>
<div class="switch-leader display-none"></div>
<div class="skill-cd"></div>
</a>
</li>
</ul>


Loading…
Cancel
Save