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

修改觉醒效果顺序

This commit is contained in:
枫谷剑仙 2024-08-12 11:50:13 +08:00
parent d759395f6b
commit 4e6ea4fbdd
6 changed files with 310 additions and 388 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
languages/en.css
View File

@ -131,10 +131,10 @@ label[for="merge-skill"]::after{
content: "Team Awoken Effect:";
}
.team-awoken::before{
content: "Team Awoken:";
content: "Team Awoken Count:";
}
.formation-awoken::before{
content: "Total Awoken:";
content: "Total Awoken Count:";
}
.type-name[data-type-name='4']::after{
content: "Dragon";

84
script.js
View File

@ -3998,12 +3998,31 @@ function initialize() {
//给队伍觉醒效果里面的觉醒按钮增加高亮功能
const teamAwokenEffect = teamBigBox.querySelector(".team-awoken-effect");
if (teamAwokenEffect) {
const akIcons = teamAwokenEffect.querySelectorAll(".awoken-icon");
const t = document.body.querySelector('#template-team-awoken-effect');
const clone = document.importNode(t.content, true);
const akIcons = clone.querySelectorAll(".awoken-icon");
akIcons.forEach(icon=>{
icon.onmouseenter = highlightAwokenMemberForIcon;
icon.onmouseleave = removeAllHighlightOnAwokenMenber;
});
teamAwokenEffect.appendChild(clone);
}
// //给队伍觉醒效果里面增加主动技能点亮图标
// if (teamAwokenEffect) {
// const t = document.body.querySelector('#template-team-active-skill-kind');
// const clone = document.importNode(t.content, true);
// const akIcons = clone.querySelectorAll(".awoken-icon");
// akIcons.forEach(icon=>{
// icon.onmouseenter = highlightAwokenMemberForIcon;
// icon.onmouseleave = removeAllHighlightOnAwokenMenber;
// });
// teamAwokenEffect.appendChild(clone);
// }
});
//显示HP的详细值
@ -6710,30 +6729,33 @@ function refreshTeamAwokenEfeect(awokenEffectDom, team, ti) {
//颜色盾
if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"4\"]")) {
const orbs = Array.from(targetIcon.parentElement.querySelectorAll(".orb-list .orb"));
const awokens = Array.from(targetIcon.parentElement.querySelectorAll(".awoken-icon"));
const teamLatents = members.flatMap(m=>m.latent); //因为盾是固定值，所以直接平面化所有的潜觉
for (let oi=0; oi < orbs.length; oi++) {
let orb = orbs[oi];
const thisAwokenNum = awokenCountInTeam(team, 4+oi, solo, teamsCount);
let prob = thisAwokenNum * 0.07 //普通觉醒7%
+ teamLatents.filter(l=>l===6+oi).length * 0.01 //小潜觉 1%
+ teamLatents.filter(l=>l===32+oi).length * 0.03; //大潜觉 3%
orb.setAttribute(dataAttrName,Math.round(Math.min(prob,1)*100));
for (let ai=0; ai < awokens.length; ai++) {
const awoken = awokens[ai];
const ak = parseInt(awoken.dataset.awokenIcon, 10);
const thisAwokenNum = awokenCountInTeam(team, ak, solo, teamsCount);
const prob = thisAwokenNum * 0.07 //普通觉醒7%
+ teamLatents.filter(l=>l===2+ak).length * 0.01 //小潜觉 1%
+ teamLatents.filter(l=>l===28+ak).length * 0.03; //大潜觉 3%
awoken.setAttribute(dataAttrName,Math.round(Math.min(prob,1)*100));
}
}
//掉+珠
if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"14\"]")) {
const orbs = Array.from(targetIcon.parentElement.querySelectorAll(".orb-list .orb"));
const awokens = Array.from(targetIcon.parentElement.querySelectorAll(".awoken-icon"));
for (let oi=0; oi < orbs.length; oi++) {
let orb = orbs[oi];
const equivalentAwoken = equivalent_awoken.find(eak => eak.small === (oi < 5 ? 14+oi : 29));
for (let ai=0; ai < awokens.length; ai++) {
const awoken = awokens[ai];
const ak = parseInt(awoken.dataset.awokenIcon, 10);
const equivalentAwoken = equivalent_awoken.find(eak => eak.small === ak);
const thisAwokenNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
let prob = thisAwokenNum * 0.2; //普通觉醒20%
orb.setAttribute(dataAttrName,Math.round(prob*100));
orb.classList.toggle("gt100", prob > 1);
const prob = thisAwokenNum * 0.2; //普通觉醒20%
awoken.setAttribute(dataAttrName,Math.round(prob*100));
awoken.classList.toggle("gt100", prob > 1);
}
}
@ -6817,41 +6839,23 @@ function refreshTeamAwokenEfeect(awokenEffectDom, team, ti) {
}
//云
if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"54\"]")) {
const targetValue = targetIcon.parentElement.querySelector(".prob");
const targetMeter = targetIcon.parentElement.querySelector("meter");
const thisAwokenNum = awokenCountInTeam(team, 54, solo, teamsCount);
let prob = thisAwokenNum / 1;
const percentValue = Math.round(Math.min(prob,1)*100);
targetValue.setAttribute(dataAttrName, percentValue);
targetMeter.value = percentValue;
targetIcon.classList.toggle("disabled", thisAwokenNum === 0);
}
//封条
if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"55\"]")) {
const targetValue = targetIcon.parentElement.querySelector(".prob");
const targetMeter = targetIcon.parentElement.querySelector("meter");
const thisAwokenNum = awokenCountInTeam(team, 55, solo, teamsCount);
let prob = thisAwokenNum / 1;
const percentValue = Math.round(Math.min(prob,1)*100);
targetValue.setAttribute(dataAttrName, percentValue);
targetMeter.value = percentValue;
targetIcon.classList.toggle("disabled", thisAwokenNum === 0);
}
//掉废
if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"14\"]")) {
const targetValue = targetIcon.parentElement.querySelector(".prob");
const targetMeter = targetIcon.parentElement.querySelector("meter");
let prob = members.some(member=>member?.latent?.includes(14)) ? 1 : 0;
const percentValue = Math.round(Math.min(prob,1)*100);
targetValue.setAttribute(dataAttrName, percentValue);
targetMeter.value = percentValue;
const has = members.some(member=>member?.latent?.includes(14));
targetIcon.classList.toggle("disabled", !has);
}
//掉毒
if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"15\"]")) {
const targetValue = targetIcon.parentElement.querySelector(".prob");
const targetMeter = targetIcon.parentElement.querySelector("meter");
let prob = members.some(member=>member?.latent?.includes(15)) ? 1 : 0;
const percentValue = Math.round(Math.min(prob,1)*100);
targetValue.setAttribute(dataAttrName, percentValue);
targetMeter.value = percentValue;
const has = members.some(member=>member?.latent?.includes(15));
targetIcon.classList.toggle("disabled", !has);
}
//心横解转转
if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"40\"]")) {

10
service-worker.js
View File

@ -33495,11 +33495,11 @@ const cachesMap = new Map([
],
[
"script.js",
"9490abf73092ed82e67d7b7be80b81d4"
"366f359512c995f514a23e5fbb28f9da"
],
[
"solo.html",
"5788085a03535fd2bcb9cc4a9b501f8e"
"a356f1a2a4b62fe9ade99f1c97621989"
],
[
"style-fix-html2canvas.css",
@ -33511,7 +33511,7 @@ const cachesMap = new Map([
],
[
"style.css",
"187cd48b26ec7a287b18f91dc7700066"
"cb543c6ee65c68e363bc01cfbaa6185a"
],
[
"temp.js",
@ -33519,11 +33519,11 @@ const cachesMap = new Map([
],
[
"triple.html",
"7f9db17ef8197d1b1ea4ed102b9cdb51"
"565c2d51b4ae620309c42f9559f18bfa"
],
[
"languages/en.css",
"2c03e0d17df3ac53af445c3a2b4a9b74"
"0f75a9cdc333ff1a96d984612fe67fab"
],
[
"languages/en.js",

197
solo.html
View File

@ -518,87 +518,7 @@ const teamsCount = 1;
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
</ul>
<div class="team-awoken-effect">
<ul>
<!--SX-->
<li><icon class="awoken-icon" data-awoken-icon="28"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--暗-->
<li><icon class="awoken-icon" data-awoken-icon="68"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--废-->
<li><icon class="awoken-icon" data-awoken-icon="69"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--毒-->
<li><icon class="awoken-icon" data-awoken-icon="70"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--云-->
<li><icon class="awoken-icon" data-awoken-icon="54"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--封条-->
<li><icon class="awoken-icon" data-awoken-icon="55"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--防绑-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon>
<ul class="team-flags">
<li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li>
</ul>
</li>
<!--掉废-->
<li><icon class="latent-icon" data-latent-icon="14" data-latent-hole="1"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--掉毒-->
<li><icon class="latent-icon" data-latent-icon="15" data-latent-hole="1"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--回复-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="9"></icon><span class="count" data-postfix=" HP"></span>
<!--掉+珠-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="14"></icon>
<ul class="orb-list"><li class="orb prob" data-orb-icon="0"></li><li class="orb prob" data-orb-icon="1"></li><li class="orb prob" data-orb-icon="2"></li><li class="orb prob" data-orb-icon="3"></li><li class="orb prob" data-orb-icon="4"></li><li class="orb prob" data-orb-icon="5"></li></ul>
</li>
<!--颜色盾-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="4"></icon>
<ul class="orb-list"><li class="orb prob" data-orb-icon="0"></li><li class="orb prob" data-orb-icon="1"></li><li class="orb prob" data-orb-icon="2"></li><li class="orb prob" data-orb-icon="3"></li><li class="orb prob" data-orb-icon="4"></li></ul>
</li>
<!--普通C珠-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="62"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通L-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="60"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通十字-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="78"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通T字-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="126"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--L解禁武器-->
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="48"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--U解禁消-->
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="41"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--C珠破吸
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="39"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
-->
<!--心横解转转-->
<li><icon class="latent-icon show-enabling-awokwn" data-latent-icon="40"></icon><span class="count"></span></li>
<!--竖心追解云封-->
<li><icon class="latent-icon show-enabling-awokwn" data-latent-icon="46"></icon><span class="count"></span></li>
<!--竖心追破白盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon" data-awoken-icon="45"></icon><span class="count"></span>
<icon class="meter" data-icon-type="breaking-shield"></icon><span class="count" data-postfix="%"></span>
</li>
<!--方心追破白盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon" data-awoken-icon="50"></icon><span class="count"></span>
<icon class="meter" data-icon-type="breaking-shield"></icon><span class="count" data-postfix="%"></span>
</li>
<!--L心盾-->
<li><icon class="awoken-icon" data-awoken-icon="59"></icon><icon class="icon-skill" data-icon-type="reduce-damage"></icon><span class="count" data-postfix="%"></span></li>
</ul>
</div>
<div class="team-awoken-effect"></div>
<div class="team-awoken">
<!--怪物觉醒-->
<ul class="awoken-ul"></ul>
@ -1286,6 +1206,121 @@ const teamsCount = 1;
<template id="template-card-a">
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="attrs"><div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div></div><div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div><div class="id"></div><div class="awoken-count-num"></div><div class="super-awoken display-none"><div class="awoken-icon"></div></div><div class="level"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
</template>
<template id="template-team-awoken-effect">
<ul>
<!--防绑-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon>
<ul class="team-flags">
<li class="team-member-icon"></li>
<li class="team-member-icon"></li>
<li class="team-member-icon"></li>
<li class="team-member-icon"></li>
<li class="team-member-icon"></li>
<li class="team-member-icon"></li>
</ul>
</li>
<!--SX-->
<li><icon class="awoken-icon" data-awoken-icon="28"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--暗-->
<li><icon class="awoken-icon" data-awoken-icon="68"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--废-->
<li><icon class="awoken-icon" data-awoken-icon="69"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--毒-->
<li><icon class="awoken-icon" data-awoken-icon="70"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--掉+珠-->
<li style="grid-column: span 2;">
<icon class="awoken-icon prob" data-awoken-icon="14"></icon>
<icon class="awoken-icon prob" data-awoken-icon="15"></icon>
<icon class="awoken-icon prob" data-awoken-icon="16"></icon>
<icon class="awoken-icon prob" data-awoken-icon="17"></icon>
<icon class="awoken-icon prob" data-awoken-icon="18"></icon>
<icon class="awoken-icon prob" data-awoken-icon="29"></icon>
</li>
<!--颜色盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon prob" data-awoken-icon="4"></icon>
<icon class="awoken-icon prob" data-awoken-icon="5"></icon>
<icon class="awoken-icon prob" data-awoken-icon="6"></icon>
<icon class="awoken-icon prob" data-awoken-icon="7"></icon>
<icon class="awoken-icon prob" data-awoken-icon="8"></icon>
</li>
<!--单项开关-->
<li>
<!--云-->
<icon class="awoken-icon" data-awoken-icon="54" style="margin-right: auto;"></icon>
<!--封条-->
<icon class="awoken-icon" data-awoken-icon="55" style="margin-right: auto;"></icon>
</li>
<!--单项开关-->
<li>
<!--掉废-->
<icon class="latent-icon" data-latent-icon="14" data-latent-hole="1" style="margin-right: auto;"></icon>
<!--掉毒-->
<icon class="latent-icon" data-latent-icon="15" data-latent-hole="1" style="margin-right: auto;"></icon>
</li>
<!--普通L-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="60"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通十字-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="78"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通T字-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="126"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--L解禁武器-->
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="48"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--U解禁消-->
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="41"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通C珠-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="62"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--C珠破吸
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="39"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
-->
<!--心横解转转-->
<li><icon class="latent-icon show-enabling-awokwn" data-latent-icon="40"></icon><span class="count" data-prefix="×"></span></li>
<!--竖心追解云封-->
<li><icon class="latent-icon show-enabling-awokwn" data-latent-icon="46"></icon><span class="count" data-prefix="×"></span></li>
<!--竖心追破白盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon" data-awoken-icon="45"></icon><span class="count"></span>
<icon class="meter" data-icon-type="breaking-shield"></icon><span class="count" data-postfix="%"></span>
</li>
<!--方心追破白盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon" data-awoken-icon="50"></icon><span class="count"></span>
<icon class="meter" data-icon-type="breaking-shield"></icon><span class="count" data-postfix="%"></span>
</li>
<!--回复-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="9"></icon><span class="count" data-postfix=" HP"></span>
<!--L心盾-->
<li><icon class="awoken-icon" data-awoken-icon="59"></icon><icon class="icon-skill" data-icon-type="reduce-damage"></icon><span class="count" data-postfix="%"></span></li>
</ul>
</template>
<template id="template-team-active-skill-kind">
<ul>
<!--破吸-->
<li>
<icon class="icon-skill" data-icon-type="attr-absorb"></icon>
<icon class="icon-skill" data-icon-type="combo-absorb"></icon>
<icon class="icon-skill" data-icon-type="damage-absorb"></icon>
<icon class="icon-skill" data-icon-type="damage-void"></icon>
</li>
</ul>
</template>
</div>
<canvas id="touch-line"></canvas>
<div id="qr-code-frame" class="mask display-none">

57
style.css
View File

@ -76,6 +76,7 @@ details>summary:hover {
}
.disabled {
cursor: not-allowed;
filter: grayscale(0.75);
pointer-events: none;
opacity: 0.5;
}
@ -2343,12 +2344,13 @@ input[disabled]+.awoken-icon:active,
text-align: left;
}
.awoken-icon::before
.awoken-icon::before,
.awoken-icon::after
{
display: block;
position: absolute;
line-height: 18px;
font-size: 18px;
line-height: 1.2em;
font-size: 1.2em;
right: 0;
bottom: 0;
-webkit-text-stroke: 1px black;
@ -3329,7 +3331,9 @@ a.series-search::before {
color: #c7ff2b;
text-shadow: black 1px 1px 1px;
}
/*.team-awoken-effect .count[data-value]::before,*/
.team-awoken-effect .count[data-value][data-prefix]::before {
content: attr(data-prefix);
}
.team-awoken-effect .orb-list .orb[data-value]::before
{
content: "×";
@ -3344,11 +3348,9 @@ a.series-search::before {
{
content: attr(data-value);
}
.team-awoken-effect .prob[data-value]::after,
.team-awoken-effect .orb-list .prob[data-value]::after
.team-awoken-effect .prob[data-value]::after
{
content: "%";
font-size: 0.75em;
}
.team-awoken-effect .latent-icon {
display: inline-flex;
@ -3407,24 +3409,45 @@ a.series-search::before {
align-items: center;
justify-content: center;
}
.team-awoken-effect .orb.prob.gt100 /*大于100*/{
.team-awoken-effect .orb-list .orb::before,
.team-awoken-effect .orb-list .orb::after
{
position: relative;
}
.team-awoken-effect .prob.gt100 /*大于100*/{
color: #c7ff2b;
text-shadow: black 1px 1px 1px;
}
.team-awoken-effect .orb-list .orb:not([data-value]),
.team-awoken-effect .orb-list .orb[data-value="0"]{
filter: grayscale(100%);
.team-awoken-effect icon.prob {
justify-content: center;
align-items: end;
line-height: 0.75em;
font-size: 0.75em;
}
.team-awoken-effect .orb-list .orb::before,
.team-awoken-effect .orb-list .orb::after
{
width: unset;
height: unset;
.team-awoken-effect .prob::before,
.team-awoken-effect .prob::after {
display: inline;
position: relative;
line-height: 1em;
font-size: 1em;
margin-bottom: 5px;
}
.team-awoken-effect .orb-list .orb:not([data-value]),
.team-awoken-effect .orb-list .orb[data-value="0"],
.team-awoken-effect .prob:not([data-value]),
.team-awoken-effect .prob[data-value="0"],
.team-awoken-effect .disabled {
filter: brightness(50%) grayscale(0.7);
opacity: 0.75;
}
.team-awoken-effect .orb-list .orb[data-value="0"]::before,
.team-awoken-effect .orb-list .orb[data-value="0"]::after {
.team-awoken-effect .orb-list .orb[data-value="0"]::after,
.team-awoken-effect icon.prob[data-value="0"]::before,
.team-awoken-effect icon.prob[data-value="0"]::after {
display: none;
}

346
triple.html
View File

@ -525,87 +525,7 @@ const teamsCount = 3;
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
</ul>
<div class="team-awoken-effect">
<ul>
<!--SX-->
<li><icon class="awoken-icon" data-awoken-icon="28"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--暗-->
<li><icon class="awoken-icon" data-awoken-icon="68"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--废-->
<li><icon class="awoken-icon" data-awoken-icon="69"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--毒-->
<li><icon class="awoken-icon" data-awoken-icon="70"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--云-->
<li><icon class="awoken-icon" data-awoken-icon="54"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--封条-->
<li><icon class="awoken-icon" data-awoken-icon="55"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--防绑-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon>
<ul class="team-flags">
<li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li>
</ul>
</li>
<!--掉废-->
<li><icon class="latent-icon" data-latent-icon="14" data-latent-hole="1"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--掉毒-->
<li><icon class="latent-icon" data-latent-icon="15" data-latent-hole="1"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--回复-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="9"></icon><span class="count" data-postfix=" HP"></span>
<!--掉+珠-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="14"></icon>
<ul class="orb-list"><li class="orb prob" data-orb-icon="0"></li><li class="orb prob" data-orb-icon="1"></li><li class="orb prob" data-orb-icon="2"></li><li class="orb prob" data-orb-icon="3"></li><li class="orb prob" data-orb-icon="4"></li><li class="orb prob" data-orb-icon="5"></li></ul>
</li>
<!--颜色盾-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="4"></icon>
<ul class="orb-list"><li class="orb prob" data-orb-icon="0"></li><li class="orb prob" data-orb-icon="1"></li><li class="orb prob" data-orb-icon="2"></li><li class="orb prob" data-orb-icon="3"></li><li class="orb prob" data-orb-icon="4"></li></ul>
</li>
<!--普通C珠-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="62"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通L-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="60"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通十字-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="78"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通T字-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="126"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--L解禁武器-->
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="48"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--U解禁消-->
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="41"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--C珠破吸
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="39"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
-->
<!--心横解转转-->
<li><icon class="latent-icon show-enabling-awokwn" data-latent-icon="40"></icon><span class="count"></span></li>
<!--竖心追解云封-->
<li><icon class="latent-icon show-enabling-awokwn" data-latent-icon="46"></icon><span class="count"></span></li>
<!--竖心追破白盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon" data-awoken-icon="45"></icon><span class="count"></span>
<icon class="meter" data-icon-type="breaking-shield"></icon><span class="count" data-postfix="%"></span>
</li>
<!--方心追破白盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon" data-awoken-icon="50"></icon><span class="count"></span>
<icon class="meter" data-icon-type="breaking-shield"></icon><span class="count" data-postfix="%"></span>
</li>
<!--L心盾-->
<li><icon class="awoken-icon" data-awoken-icon="59"></icon><icon class="icon-skill" data-icon-type="reduce-damage"></icon><span class="count" data-postfix="%"></span></li>
</ul>
</div>
<div class="team-awoken-effect"></div>
<div class="team-awoken">
<!--怪物觉醒-->
<ul class="awoken-ul"></ul>
@ -1024,87 +944,7 @@ const teamsCount = 3;
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
</ul>
<div class="team-awoken-effect">
<ul>
<!--SX-->
<li><icon class="awoken-icon" data-awoken-icon="28"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--暗-->
<li><icon class="awoken-icon" data-awoken-icon="68"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--废-->
<li><icon class="awoken-icon" data-awoken-icon="69"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--毒-->
<li><icon class="awoken-icon" data-awoken-icon="70"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--云-->
<li><icon class="awoken-icon" data-awoken-icon="54"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--封条-->
<li><icon class="awoken-icon" data-awoken-icon="55"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--防绑-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon>
<ul class="team-flags">
<li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li>
</ul>
</li>
<!--掉废-->
<li><icon class="latent-icon" data-latent-icon="14" data-latent-hole="1"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--掉毒-->
<li><icon class="latent-icon" data-latent-icon="15" data-latent-hole="1"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--回复-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="9"></icon><span class="count" data-postfix=" HP"></span>
<!--掉+珠-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="14"></icon>
<ul class="orb-list"><li class="orb prob" data-orb-icon="0"></li><li class="orb prob" data-orb-icon="1"></li><li class="orb prob" data-orb-icon="2"></li><li class="orb prob" data-orb-icon="3"></li><li class="orb prob" data-orb-icon="4"></li><li class="orb prob" data-orb-icon="5"></li></ul>
</li>
<!--颜色盾-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="4"></icon>
<ul class="orb-list"><li class="orb prob" data-orb-icon="0"></li><li class="orb prob" data-orb-icon="1"></li><li class="orb prob" data-orb-icon="2"></li><li class="orb prob" data-orb-icon="3"></li><li class="orb prob" data-orb-icon="4"></li></ul>
</li>
<!--普通C珠-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="62"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通L-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="60"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通十字-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="78"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通T字-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="126"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--L解禁武器-->
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="48"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--U解禁消-->
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="41"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--C珠破吸
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="39"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
-->
<!--心横解转转-->
<li><icon class="latent-icon show-enabling-awokwn" data-latent-icon="40"></icon><span class="count"></span></li>
<!--竖心追解云封-->
<li><icon class="latent-icon show-enabling-awokwn" data-latent-icon="46"></icon><span class="count"></span></li>
<!--竖心追破白盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon" data-awoken-icon="45"></icon><span class="count"></span>
<icon class="meter" data-icon-type="breaking-shield"></icon><span class="count" data-postfix="%"></span>
</li>
<!--方心追破白盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon" data-awoken-icon="50"></icon><span class="count"></span>
<icon class="meter" data-icon-type="breaking-shield"></icon><span class="count" data-postfix="%"></span>
</li>
<!--L心盾-->
<li><icon class="awoken-icon" data-awoken-icon="59"></icon><icon class="icon-skill" data-icon-type="reduce-damage"></icon><span class="count" data-postfix="%"></span></li>
</ul>
</div>
<div class="team-awoken-effect"></div>
<div class="team-awoken">
<!--怪物觉醒-->
<ul class="awoken-ul"></ul>
@ -1523,87 +1363,7 @@ const teamsCount = 3;
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
</ul>
<div class="team-awoken-effect">
<ul>
<!--SX-->
<li><icon class="awoken-icon" data-awoken-icon="28"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--暗-->
<li><icon class="awoken-icon" data-awoken-icon="68"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--废-->
<li><icon class="awoken-icon" data-awoken-icon="69"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--毒-->
<li><icon class="awoken-icon" data-awoken-icon="70"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--云-->
<li><icon class="awoken-icon" data-awoken-icon="54"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--封条-->
<li><icon class="awoken-icon" data-awoken-icon="55"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--防绑-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon>
<ul class="team-flags">
<li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li><li class="team-member-icon"></li>
</ul>
</li>
<!--掉废-->
<li><icon class="latent-icon" data-latent-icon="14" data-latent-hole="1"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--掉毒-->
<li><icon class="latent-icon" data-latent-icon="15" data-latent-hole="1"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--回复-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="9"></icon><span class="count" data-postfix=" HP"></span>
<!--掉+珠-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="14"></icon>
<ul class="orb-list"><li class="orb prob" data-orb-icon="0"></li><li class="orb prob" data-orb-icon="1"></li><li class="orb prob" data-orb-icon="2"></li><li class="orb prob" data-orb-icon="3"></li><li class="orb prob" data-orb-icon="4"></li><li class="orb prob" data-orb-icon="5"></li></ul>
</li>
<!--颜色盾-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="4"></icon>
<ul class="orb-list"><li class="orb prob" data-orb-icon="0"></li><li class="orb prob" data-orb-icon="1"></li><li class="orb prob" data-orb-icon="2"></li><li class="orb prob" data-orb-icon="3"></li><li class="orb prob" data-orb-icon="4"></li></ul>
</li>
<!--普通C珠-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="62"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通L-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="60"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通十字-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="78"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通T字-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="126"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--L解禁武器-->
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="48"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--U解禁消-->
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="41"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--C珠破吸
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="39"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
-->
<!--心横解转转-->
<li><icon class="latent-icon show-enabling-awokwn" data-latent-icon="40"></icon><span class="count"></span></li>
<!--竖心追解云封-->
<li><icon class="latent-icon show-enabling-awokwn" data-latent-icon="46"></icon><span class="count"></span></li>
<!--竖心追破白盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon" data-awoken-icon="45"></icon><span class="count"></span>
<icon class="meter" data-icon-type="breaking-shield"></icon><span class="count" data-postfix="%"></span>
</li>
<!--方心追破白盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon" data-awoken-icon="50"></icon><span class="count"></span>
<icon class="meter" data-icon-type="breaking-shield"></icon><span class="count" data-postfix="%"></span>
</li>
<!--L心盾-->
<li><icon class="awoken-icon" data-awoken-icon="59"></icon><icon class="icon-skill" data-icon-type="reduce-damage"></icon><span class="count" data-postfix="%"></span></li>
</ul>
</div>
<div class="team-awoken-effect"></div>
<div class="team-awoken">
<!--怪物觉醒-->
<ul class="awoken-ul"></ul>
@ -2291,6 +2051,106 @@ const teamsCount = 3;
<template id="template-card-a">
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="attrs"><div class="attr"></div><div class="attr"></div><div class="attr"></div><div class="attr"></div></div><div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div><div class="id"></div><div class="awoken-count-num"></div><div class="super-awoken display-none"><div class="awoken-icon"></div></div><div class="level"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
</template>
<template id="template-team-awoken-effect">
<ul>
<!--防绑-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon>
<ul class="team-flags">
<li class="team-member-icon"></li>
<li class="team-member-icon"></li>
<li class="team-member-icon"></li>
<li class="team-member-icon"></li>
<li class="team-member-icon"></li>
<li class="team-member-icon"></li>
</ul>
</li>
<!--SX-->
<li><icon class="awoken-icon" data-awoken-icon="28"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--暗-->
<li><icon class="awoken-icon" data-awoken-icon="68"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--废-->
<li><icon class="awoken-icon" data-awoken-icon="69"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--毒-->
<li><icon class="awoken-icon" data-awoken-icon="70"></icon><meter min="0" max="100" optimum="100" low="60" high="90"></meter><span class="prob"></span></li>
<!--掉+珠-->
<li style="grid-column: span 2;">
<icon class="awoken-icon prob" data-awoken-icon="14"></icon>
<icon class="awoken-icon prob" data-awoken-icon="15"></icon>
<icon class="awoken-icon prob" data-awoken-icon="16"></icon>
<icon class="awoken-icon prob" data-awoken-icon="17"></icon>
<icon class="awoken-icon prob" data-awoken-icon="18"></icon>
<icon class="awoken-icon prob" data-awoken-icon="29"></icon>
</li>
<!--颜色盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon prob" data-awoken-icon="4"></icon>
<icon class="awoken-icon prob" data-awoken-icon="5"></icon>
<icon class="awoken-icon prob" data-awoken-icon="6"></icon>
<icon class="awoken-icon prob" data-awoken-icon="7"></icon>
<icon class="awoken-icon prob" data-awoken-icon="8"></icon>
</li>
<!--单项开关-->
<li style="grid-column: span 2;">
<!--云-->
<icon class="awoken-icon" data-awoken-icon="54"></icon>
<!--封条-->
<icon class="awoken-icon" data-awoken-icon="55"></icon>
<!--掉废-->
<icon class="latent-icon" data-latent-icon="14" data-latent-hole="1"></icon>
<!--掉毒-->
<icon class="latent-icon" data-latent-icon="15" data-latent-hole="1"></icon>
</li>
<!--普通L-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="60"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通十字-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="78"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通T字-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="126"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--L解禁武器-->
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="48"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--U解禁消-->
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="41"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--普通C珠-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="62"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
<!--C珠破吸
<li style="grid-column: span 2;"><icon class="latent-icon show-enabling-awokwn" data-latent-icon="39"></icon>
<ul class="orb-list"><li class="orb" data-orb-icon="0"></li><li class="orb" data-orb-icon="1"></li><li class="orb" data-orb-icon="2"></li><li class="orb" data-orb-icon="3"></li><li class="orb" data-orb-icon="4"></li></ul>
</li>
-->
<!--心横解转转-->
<li><icon class="latent-icon show-enabling-awokwn" data-latent-icon="40"></icon><span class="count"></span></li>
<!--竖心追解云封-->
<li><icon class="latent-icon show-enabling-awokwn" data-latent-icon="46"></icon><span class="count"></span></li>
<!--竖心追破白盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon" data-awoken-icon="45"></icon><span class="count"></span>
<icon class="meter" data-icon-type="breaking-shield"></icon><span class="count" data-postfix="%"></span>
</li>
<!--方心追破白盾-->
<li style="grid-column: span 2;">
<icon class="awoken-icon" data-awoken-icon="50"></icon><span class="count"></span>
<icon class="meter" data-icon-type="breaking-shield"></icon><span class="count" data-postfix="%"></span>
</li>
<!--回复-->
<li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="9"></icon><span class="count" data-postfix=" HP"></span>
<!--L心盾-->
<li><icon class="awoken-icon" data-awoken-icon="59"></icon><icon class="icon-skill" data-icon-type="reduce-damage"></icon><span class="count" data-postfix="%"></span></li>
</ul>
</template>
</div>
<canvas id="touch-line"></canvas>
<div id="qr-code-frame" class="mask display-none">