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:"; content: "Team Awoken Effect:";
} }
.team-awoken::before{ .team-awoken::before{
content: "Team Awoken:"; content: "Team Awoken Count:";
} }
.formation-awoken::before{ .formation-awoken::before{
content: "Total Awoken:"; content: "Total Awoken Count:";
} }
.type-name[data-type-name='4']::after{ .type-name[data-type-name='4']::after{
content: "Dragon"; content: "Dragon";

84
script.js
View File

@ -3998,12 +3998,31 @@ function initialize() {
//给队伍觉醒效果里面的觉醒按钮增加高亮功能 //给队伍觉醒效果里面的觉醒按钮增加高亮功能
const teamAwokenEffect = teamBigBox.querySelector(".team-awoken-effect"); const teamAwokenEffect = teamBigBox.querySelector(".team-awoken-effect");
if (teamAwokenEffect) { 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=>{ akIcons.forEach(icon=>{
icon.onmouseenter = highlightAwokenMemberForIcon; icon.onmouseenter = highlightAwokenMemberForIcon;
icon.onmouseleave = removeAllHighlightOnAwokenMenber; 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的详细值 //显示HP的详细值
@ -6710,30 +6729,33 @@ function refreshTeamAwokenEfeect(awokenEffectDom, team, ti) {
//颜色盾 //颜色盾
if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"4\"]")) { 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); //因为盾是固定值，所以直接平面化所有的潜觉 const teamLatents = members.flatMap(m=>m.latent); //因为盾是固定值，所以直接平面化所有的潜觉
for (let oi=0; oi < orbs.length; oi++) {
let orb = orbs[oi]; for (let ai=0; ai < awokens.length; ai++) {
const thisAwokenNum = awokenCountInTeam(team, 4+oi, solo, teamsCount); const awoken = awokens[ai];
let prob = thisAwokenNum * 0.07 //普通觉醒7% const ak = parseInt(awoken.dataset.awokenIcon, 10);
+ teamLatents.filter(l=>l===6+oi).length * 0.01 //小潜觉 1% const thisAwokenNum = awokenCountInTeam(team, ak, solo, teamsCount);
+ teamLatents.filter(l=>l===32+oi).length * 0.03; //大潜觉 3% const prob = thisAwokenNum * 0.07 //普通觉醒7%
orb.setAttribute(dataAttrName,Math.round(Math.min(prob,1)*100)); + 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\"]")) { 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++) { for (let ai=0; ai < awokens.length; ai++) {
let orb = orbs[oi]; const awoken = awokens[ai];
const equivalentAwoken = equivalent_awoken.find(eak => eak.small === (oi < 5 ? 14+oi : 29)); const ak = parseInt(awoken.dataset.awokenIcon, 10);
const equivalentAwoken = equivalent_awoken.find(eak => eak.small === ak);
const thisAwokenNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) + const thisAwokenNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times; awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
let prob = thisAwokenNum * 0.2; //普通觉醒20% const prob = thisAwokenNum * 0.2; //普通觉醒20%
orb.setAttribute(dataAttrName,Math.round(prob*100)); awoken.setAttribute(dataAttrName,Math.round(prob*100));
orb.classList.toggle("gt100", prob > 1); 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\"]")) { 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); const thisAwokenNum = awokenCountInTeam(team, 54, solo, teamsCount);
let prob = thisAwokenNum / 1; targetIcon.classList.toggle("disabled", thisAwokenNum === 0);
const percentValue = Math.round(Math.min(prob,1)*100);
targetValue.setAttribute(dataAttrName, percentValue);
targetMeter.value = percentValue;
} }
//封条 //封条
if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"55\"]")) { 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); const thisAwokenNum = awokenCountInTeam(team, 55, solo, teamsCount);
let prob = thisAwokenNum / 1; targetIcon.classList.toggle("disabled", thisAwokenNum === 0);
const percentValue = Math.round(Math.min(prob,1)*100);
targetValue.setAttribute(dataAttrName, percentValue);
targetMeter.value = percentValue;
} }
//掉废 //掉废
if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"14\"]")) { if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"14\"]")) {
const targetValue = targetIcon.parentElement.querySelector(".prob"); const has = members.some(member=>member?.latent?.includes(14));
const targetMeter = targetIcon.parentElement.querySelector("meter"); targetIcon.classList.toggle("disabled", !has);
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;
} }
//掉毒 //掉毒
if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"15\"]")) { if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"15\"]")) {
const targetValue = targetIcon.parentElement.querySelector(".prob"); const has = members.some(member=>member?.latent?.includes(15));
const targetMeter = targetIcon.parentElement.querySelector("meter"); targetIcon.classList.toggle("disabled", !has);
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;
} }
//心横解转转 //心横解转转
if (targetIcon = awokenEffectDom.querySelector(".latent-icon[data-latent-icon=\"40\"]")) { 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", "script.js",
"9490abf73092ed82e67d7b7be80b81d4" "366f359512c995f514a23e5fbb28f9da"
], ],
[ [
"solo.html", "solo.html",
"5788085a03535fd2bcb9cc4a9b501f8e" "a356f1a2a4b62fe9ade99f1c97621989"
], ],
[ [
"style-fix-html2canvas.css", "style-fix-html2canvas.css",
@ -33511,7 +33511,7 @@ const cachesMap = new Map([
], ],
[ [
"style.css", "style.css",
"187cd48b26ec7a287b18f91dc7700066" "cb543c6ee65c68e363bc01cfbaa6185a"
], ],
[ [
"temp.js", "temp.js",
@ -33519,11 +33519,11 @@ const cachesMap = new Map([
], ],
[ [
"triple.html", "triple.html",
"7f9db17ef8197d1b1ea4ed102b9cdb51" "565c2d51b4ae620309c42f9559f18bfa"
], ],
[ [
"languages/en.css", "languages/en.css",
"2c03e0d17df3ac53af445c3a2b4a9b74" "0f75a9cdc333ff1a96d984612fe67fab"
], ],
[ [
"languages/en.js", "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> <div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li> </li>
</ul> </ul>
<div class="team-awoken-effect"> <div class="team-awoken-effect"></div>
<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"> <div class="team-awoken">
<!--怪物觉醒--> <!--怪物觉醒-->
<ul class="awoken-ul"></ul> <ul class="awoken-ul"></ul>
@ -1286,6 +1206,121 @@ const teamsCount = 1;
<template id="template-card-a"> <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> <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>
<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> </div>
<canvas id="touch-line"></canvas> <canvas id="touch-line"></canvas>
<div id="qr-code-frame" class="mask display-none"> <div id="qr-code-frame" class="mask display-none">

57
style.css
View File

@ -76,6 +76,7 @@ details>summary:hover {
} }
.disabled { .disabled {
cursor: not-allowed; cursor: not-allowed;
filter: grayscale(0.75);
pointer-events: none; pointer-events: none;
opacity: 0.5; opacity: 0.5;
} }
@ -2343,12 +2344,13 @@ input[disabled]+.awoken-icon:active,
text-align: left; text-align: left;
} }
.awoken-icon::before .awoken-icon::before,
.awoken-icon::after
{ {
display: block; display: block;
position: absolute; position: absolute;
line-height: 18px; line-height: 1.2em;
font-size: 18px; font-size: 1.2em;
right: 0; right: 0;
bottom: 0; bottom: 0;
-webkit-text-stroke: 1px black; -webkit-text-stroke: 1px black;
@ -3329,7 +3331,9 @@ a.series-search::before {
color: #c7ff2b; color: #c7ff2b;
text-shadow: black 1px 1px 1px; 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 .team-awoken-effect .orb-list .orb[data-value]::before
{ {
content: "×"; content: "×";
@ -3344,11 +3348,9 @@ a.series-search::before {
{ {
content: attr(data-value); content: attr(data-value);
} }
.team-awoken-effect .prob[data-value]::after, .team-awoken-effect .prob[data-value]::after
.team-awoken-effect .orb-list .prob[data-value]::after
{ {
content: "%"; content: "%";
font-size: 0.75em;
} }
.team-awoken-effect .latent-icon { .team-awoken-effect .latent-icon {
display: inline-flex; display: inline-flex;
@ -3407,24 +3409,45 @@ a.series-search::before {
align-items: center; align-items: center;
justify-content: 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; color: #c7ff2b;
text-shadow: black 1px 1px 1px; text-shadow: black 1px 1px 1px;
} }
.team-awoken-effect .orb-list .orb:not([data-value]), .team-awoken-effect icon.prob {
.team-awoken-effect .orb-list .orb[data-value="0"]{ justify-content: center;
filter: grayscale(100%); align-items: end;
line-height: 0.75em;
font-size: 0.75em;
} }
.team-awoken-effect .orb-list .orb::before, .team-awoken-effect .prob::before,
.team-awoken-effect .orb-list .orb::after .team-awoken-effect .prob::after {
{ display: inline;
width: unset;
height: unset;
position: relative; 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"]::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; 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> <div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li> </li>
</ul> </ul>
<div class="team-awoken-effect"> <div class="team-awoken-effect"></div>
<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"> <div class="team-awoken">
<!--怪物觉醒--> <!--怪物觉醒-->
<ul class="awoken-ul"></ul> <ul class="awoken-ul"></ul>
@ -1024,87 +944,7 @@ const teamsCount = 3;
<div class="hp"></div><div class="atk"></div><div class="rcv"></div> <div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li> </li>
</ul> </ul>
<div class="team-awoken-effect"> <div class="team-awoken-effect"></div>
<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"> <div class="team-awoken">
<!--怪物觉醒--> <!--怪物觉醒-->
<ul class="awoken-ul"></ul> <ul class="awoken-ul"></ul>
@ -1523,87 +1363,7 @@ const teamsCount = 3;
<div class="hp"></div><div class="atk"></div><div class="rcv"></div> <div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li> </li>
</ul> </ul>
<div class="team-awoken-effect"> <div class="team-awoken-effect"></div>
<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"> <div class="team-awoken">
<!--怪物觉醒--> <!--怪物觉醒-->
<ul class="awoken-ul"></ul> <ul class="awoken-ul"></ul>
@ -2291,6 +2051,106 @@ const teamsCount = 3;
<template id="template-card-a"> <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> <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>
<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> </div>
<canvas id="touch-line"></canvas> <canvas id="touch-line"></canvas>
<div id="qr-code-frame" class="mask display-none"> <div id="qr-code-frame" class="mask display-none">