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

multi.html

@@ -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>

script.js

@@ -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;

solo.html

@@ -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>

style.css

@@ -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, /*单个队伍觉醒统计*/

triple.html

@@ -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>