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

1、改变ID和文字搜索处的UI；2、将效果的百分比改为计量条显示

This commit is contained in:
枫谷剑仙 2024-04-27 06:52:25 +08:00
parent 7fbbb2f486
commit 3c79cdd3d0
11 changed files with 171 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
languages/en.css
View File

@ -267,6 +267,9 @@ label[for="show-team-awoken-count"]::after{
label[for="show-team-awoken-effect"]::after{ label[for="show-team-awoken-effect"]::after{
content:"Team's Awoken Effect Calculate"; content:"Team's Awoken Effect Calculate";
} }
label[for="show-meter"]::after{
content:"Display as Meter bar";
}
label[for="show-team-attrtype-count"]::after{ label[for="show-team-attrtype-count"]::after{
content:"Team's Rarity, Attributes, Types Count"; content:"Team's Rarity, Attributes, Types Count";
} }

3
languages/ja.css
View File

@ -261,6 +261,9 @@ label[for="show-team-awoken-count"]::after{
label[for="show-team-awoken-effect"]::after{ label[for="show-team-awoken-effect"]::after{
content:"チームの覚醒効果の計算"; content:"チームの覚醒効果の計算";
} }
label[for="show-meter"]::after{
content:"測光バーとして表示";
}
label[for="show-team-attrtype-count"]::after{ label[for="show-team-attrtype-count"]::after{
content:"チームの希少性、属性、タイプの合計"; content:"チームの希少性、属性、タイプの合計";
} }

3
languages/ko.css
View File

@ -256,6 +256,9 @@ label[for="show-team-awoken-count"]::after{
label[for="show-team-awoken-effect"]::after{ label[for="show-team-awoken-effect"]::after{
content:"팀의 각성 효과 계산"; content:"팀의 각성 효과 계산";
} }
label[for="show-meter"]::after{
content:"측광 막대로 표시됨";
}
label[for="show-team-attrtype-count"]::after{ label[for="show-team-attrtype-count"]::after{
content:"팀의 희귀도, 속성, 유형 수"; content:"팀의 희귀도, 속성, 유형 수";
} }

3
languages/zh-hans.css
View File

@ -262,6 +262,9 @@ label[for="show-team-awoken-count"]::after{
label[for="show-team-awoken-effect"]::after{ label[for="show-team-awoken-effect"]::after{
content:"队伍觉醒效果计算"; content:"队伍觉醒效果计算";
} }
label[for="show-meter"]::after{
content:"显示为计量条";
}
label[for="show-team-attrtype-count"]::after{ label[for="show-team-attrtype-count"]::after{
content:"队伍稀有度、属性与类型计数"; content:"队伍稀有度、属性与类型计数";
} }

3
languages/zh-hant.css
View File

@ -263,6 +263,9 @@ label[for="show-team-awoken-count"]::after{
label[for="show-team-awoken-effect"]::after{ label[for="show-team-awoken-effect"]::after{
content:"隊伍覺醒效果計算"; content:"隊伍覺醒效果計算";
} }
label[for="show-meter"]::after{
content:"顯示為計量條";
}
label[for="show-team-attrtype-count"]::after{ label[for="show-team-attrtype-count"]::after{
content:"隊伍稀有度、屬性與類型計數"; content:"隊伍稀有度、屬性與類型計數";
} }

4
multi.html
View File

@ -1280,7 +1280,9 @@ const teamsCount = 2;
<input type="number" step="1" min="0" max="99999" id="card-id" name="card-id"/> <input type="number" step="1" min="0" max="99999" id="card-id" name="card-id"/>
</form> </form>
<form id="form-string-search"> <form id="form-string-search">
<input type="search" id="search-string" name="search-string" placeholder="🔍" /><button type="sumbit" id="search-by-string"></button> <label for="search-string"></label>
<input type="search" id="search-string" name="search-string" />
<button type="sumbit" id="search-by-string"></button>
</form> </form>
</div> </div>
</div> </div>

51
script.js
View File

@ -6255,6 +6255,12 @@ function editBoxChangeMonId(id) {
//const openEvolutionaryTree = settingBox.querySelector(".row-mon-id .open-evolutionary-tree"); //const openEvolutionaryTree = settingBox.querySelector(".row-mon-id .open-evolutionary-tree");
if (evoLinkCardsIdArray.length > 1) { if (evoLinkCardsIdArray.length > 1) {
const fragment = document.createDocumentFragment(); //创建节点用的临时空间 const fragment = document.createDocumentFragment(); //创建节点用的临时空间
const li = fragment.appendChild(document.createElement("li"));
const openEvolutionaryTree = li.appendChild(document.createElement("button"));
openEvolutionaryTree.classList = "open-evolutionary-tree brown-button";
openEvolutionaryTree.onclick = openEvolutionaryTreeClick;
evoLinkCardsIdArray.forEach(function(mid) { evoLinkCardsIdArray.forEach(function(mid) {
const cli = createCardHead(mid, {noTreeCount: true}); const cli = createCardHead(mid, {noTreeCount: true});
if (mid == id) { if (mid == id) {
@ -6262,10 +6268,7 @@ function editBoxChangeMonId(id) {
} }
fragment.appendChild(cli); fragment.appendChild(cli);
}); });
const li = fragment.appendChild(document.createElement("li"));
const openEvolutionaryTree = li.appendChild(document.createElement("button"));
openEvolutionaryTree.classList = "open-evolutionary-tree brown-button";
openEvolutionaryTree.onclick = openEvolutionaryTreeClick;
evoCardUl.appendChild(fragment); evoCardUl.appendChild(fragment);
evoCardUl.classList.remove(className_displayNone); evoCardUl.classList.remove(className_displayNone);
//openEvolutionaryTree.classList.remove(className_displayNone); //显示进化树按钮 //openEvolutionaryTree.classList.remove(className_displayNone); //显示进化树按钮
@ -6836,6 +6839,7 @@ function refreshTeamAwokenEfeect(awokenEffectDom, team, ti) {
//SX //SX
if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"28\"]")) { if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"28\"]")) {
const targetValue = targetIcon.parentElement.querySelector(".prob"); const targetValue = targetIcon.parentElement.querySelector(".prob");
const targetMeter = targetIcon.parentElement.querySelector("meter");
const thisAwokenNum = awokenCountInTeam(team, 28, solo, teamsCount); const thisAwokenNum = awokenCountInTeam(team, 28, solo, teamsCount);
let prob = thisAwokenNum / 5; let prob = thisAwokenNum / 5;
switch (badge) { switch (badge) {
@ -6846,11 +6850,14 @@ function refreshTeamAwokenEfeect(awokenEffectDom, team, ti) {
prob += 1; prob += 1;
break; break;
} }
targetValue.setAttribute(dataAttrName, Math.round(Math.min(prob,1)*100)); 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=\"68\"]")) { if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"68\"]")) {
const targetValue = targetIcon.parentElement.querySelector(".prob"); const targetValue = targetIcon.parentElement.querySelector(".prob");
const targetMeter = targetIcon.parentElement.querySelector("meter");
const equivalentAwoken = equivalent_awoken.find(eak => eak.big === 68); const equivalentAwoken = equivalent_awoken.find(eak => eak.big === 68);
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;
@ -6863,11 +6870,14 @@ function refreshTeamAwokenEfeect(awokenEffectDom, team, ti) {
prob += 1; prob += 1;
break; break;
} }
targetValue.setAttribute(dataAttrName, Math.round(Math.min(prob,1)*100)); 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=\"69\"]")) { if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"69\"]")) {
const targetValue = targetIcon.parentElement.querySelector(".prob"); const targetValue = targetIcon.parentElement.querySelector(".prob");
const targetMeter = targetIcon.parentElement.querySelector("meter");
const equivalentAwoken = equivalent_awoken.find(eak => eak.big === 69); const equivalentAwoken = equivalent_awoken.find(eak => eak.big === 69);
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;
@ -6880,11 +6890,14 @@ function refreshTeamAwokenEfeect(awokenEffectDom, team, ti) {
prob += 1; prob += 1;
break; break;
} }
targetValue.setAttribute(dataAttrName, Math.round(Math.min(prob,1)*100)); 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=\"70\"]")) { if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"70\"]")) {
const targetValue = targetIcon.parentElement.querySelector(".prob"); const targetValue = targetIcon.parentElement.querySelector(".prob");
const targetMeter = targetIcon.parentElement.querySelector("meter");
const equivalentAwoken = equivalent_awoken.find(eak => eak.big === 70); const equivalentAwoken = equivalent_awoken.find(eak => eak.big === 70);
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;
@ -6897,33 +6910,47 @@ function refreshTeamAwokenEfeect(awokenEffectDom, team, ti) {
prob += 1; prob += 1;
break; break;
} }
targetValue.setAttribute(dataAttrName, Math.round(Math.min(prob,1)*100)); 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=\"54\"]")) { if (targetIcon = awokenEffectDom.querySelector(".awoken-icon[data-awoken-icon=\"54\"]")) {
const targetValue = targetIcon.parentElement.querySelector(".prob"); 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; let prob = thisAwokenNum / 1;
targetValue.setAttribute(dataAttrName, Math.round(Math.min(prob,1)*100)); 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 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; let prob = thisAwokenNum / 1;
targetValue.setAttribute(dataAttrName, Math.round(Math.min(prob,1)*100)); 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 targetValue = targetIcon.parentElement.querySelector(".prob");
const targetMeter = targetIcon.parentElement.querySelector("meter");
let prob = members.some(member=>member?.latent?.includes(14)) ? 1 : 0; let prob = members.some(member=>member?.latent?.includes(14)) ? 1 : 0;
targetValue.setAttribute(dataAttrName, Math.round(Math.min(prob,1)*100)); 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 targetValue = targetIcon.parentElement.querySelector(".prob");
const targetMeter = targetIcon.parentElement.querySelector("meter");
let prob = members.some(member=>member?.latent?.includes(15)) ? 1 : 0; let prob = members.some(member=>member?.latent?.includes(15)) ? 1 : 0;
targetValue.setAttribute(dataAttrName, Math.round(Math.min(prob,1)*100)); 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\"]")) {

20
service-worker.js
View File

@ -26191,7 +26191,7 @@ const cachesMap = new Map([
], ],
[ [
"multi.html", "multi.html",
"f30df83eaac9f7df6dbb422b2df2d11f" "5b452eea55769c3fee713f9e7a526a08"
], ],
[ [
"script-custom_elements.js", "script-custom_elements.js",
@ -26211,11 +26211,11 @@ const cachesMap = new Map([
], ],
[ [
"script.js", "script.js",
"b88369cfd8d91ed68e57c8c2d5c5e9f8" "f228089acd5a5362b376a5c13696a88b"
], ],
[ [
"solo.html", "solo.html",
"19ece08cfb767949c4ec60f1621bb456" "fa7ba118c169018a3ba161757a404cc3"
], ],
[ [
"style-monsterimages.css", "style-monsterimages.css",
@ -26223,7 +26223,7 @@ const cachesMap = new Map([
], ],
[ [
"style.css", "style.css",
"c0797e33a91d1003e3f26b6740893461" "c34c2e4307455d12036d8bb587a3d7d6"
], ],
[ [
"temp.js", "temp.js",
@ -26231,11 +26231,11 @@ const cachesMap = new Map([
], ],
[ [
"triple.html", "triple.html",
"bcb2e5b2bec153ec15bc97e9f7c0488e" "15e16a8db1bebdb59251e8e5026e5258"
], ],
[ [
"languages/en.css", "languages/en.css",
"e5a21ebe0953c072015a9ffc89a32589" "d70cb92c024d42de25bcb564dc78eb2b"
], ],
[ [
"languages/en.js", "languages/en.js",
@ -26243,7 +26243,7 @@ const cachesMap = new Map([
], ],
[ [
"languages/ja.css", "languages/ja.css",
"3f799231dc30a264b17fd0c56963bce7" "d3b1f5d7cb66880833180650f38405db"
], ],
[ [
"languages/ja.js", "languages/ja.js",
@ -26251,7 +26251,7 @@ const cachesMap = new Map([
], ],
[ [
"languages/ko.css", "languages/ko.css",
"530f343e7422816a3db9fbeb0b6c64ed" "f8b6f1d4317a5fb942fec02d35be2fbe"
], ],
[ [
"languages/ko.js", "languages/ko.js",
@ -26263,7 +26263,7 @@ const cachesMap = new Map([
], ],
[ [
"languages/zh-hans.css", "languages/zh-hans.css",
"3ce8d2a490a532f4d5084bbe46c00cbd" "c9c2c2056ecff32200beee8209f0652c"
], ],
[ [
"languages/zh-hans.js", "languages/zh-hans.js",
@ -26271,7 +26271,7 @@ const cachesMap = new Map([
], ],
[ [
"languages/zh-hant.css", "languages/zh-hant.css",
"96920dbb7191e9e32c948165b820a3b7" "21de0314dbf99b2201fc7f98d5939447"
], ],
[ [
"languages/zh-hant.js", "languages/zh-hant.js",

22
solo.html
View File

@ -61,6 +61,7 @@ const teamsCount = 1;
<input type="checkbox" class="switch-ipt" id="show-team-total-info"><label for="show-team-total-info"></label> <input type="checkbox" class="switch-ipt" id="show-team-total-info"><label for="show-team-total-info"></label>
<input type="checkbox" class="switch-ipt" id="show-team-attrtype-count"><label for="show-team-attrtype-count"></label> <input type="checkbox" class="switch-ipt" id="show-team-attrtype-count"><label for="show-team-attrtype-count"></label>
<input type="checkbox" class="switch-ipt" id="show-team-awoken-effect"><label for="show-team-awoken-effect"></label> <input type="checkbox" class="switch-ipt" id="show-team-awoken-effect"><label for="show-team-awoken-effect"></label>
<input type="checkbox" class="switch-ipt" id="show-meter"><label for="show-meter"></label>
<input type="checkbox" class="switch-ipt" id="show-team-awoken-count"><label for="show-team-awoken-count"></label> <input type="checkbox" class="switch-ipt" id="show-team-awoken-count"><label for="show-team-awoken-count"></label>
<input type="checkbox" class="switch-ipt" id="show-rich-text-tools"><label for="show-rich-text-tools"></label> <input type="checkbox" class="switch-ipt" id="show-rich-text-tools"><label for="show-rich-text-tools"></label>
</details> </details>
@ -488,19 +489,19 @@ const teamsCount = 1;
</ul> </ul>
<div class="team-awoken-effect"> <div class="team-awoken-effect">
<ul class="passive"> <ul class="passive">
<!--SX--><li><icon class="awoken-icon" data-awoken-icon="28"></icon><span class="prob"></span></li> <!--SX--><li><icon class="awoken-icon" data-awoken-icon="28"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter><span class="prob"></span></li>
<!--暗--><li><icon class="awoken-icon" data-awoken-icon="68"></icon><span class="prob"></span></li> <!--暗--><li><icon class="awoken-icon" data-awoken-icon="68"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter><span class="prob"></span></li>
<!--废--><li><icon class="awoken-icon" data-awoken-icon="69"></icon><span class="prob"></span></li> <!--废--><li><icon class="awoken-icon" data-awoken-icon="69"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter><span class="prob"></span></li>
<!--毒--><li><icon class="awoken-icon" data-awoken-icon="70"></icon><span class="prob"></span></li> <!--毒--><li><icon class="awoken-icon" data-awoken-icon="70"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter><span class="prob"></span></li>
<!--云--><li><icon class="awoken-icon" data-awoken-icon="54"></icon><span class="prob"></span></li> <!--云--><li><icon class="awoken-icon" data-awoken-icon="54"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter><span class="prob"></span></li>
<!--封条--><li><icon class="awoken-icon" data-awoken-icon="55"></icon><span class="prob"></span></li> <!--封条--><li><icon class="awoken-icon" data-awoken-icon="55"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter><span class="prob"></span></li>
<!--防绑--><li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon> <!--防绑--><li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon>
<ul class="team-flags"> <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> <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> </ul>
</li> </li>
<!--掉废--><li><icon class="latent-icon" data-latent-icon="14" data-latent-hole="1"></icon><span class="prob"></span></li> <!--掉废--><li><icon class="latent-icon" data-latent-icon="14" data-latent-hole="1"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter><span class="prob"></span></li>
<!--掉毒--><li><icon class="latent-icon" data-latent-icon="15" data-latent-hole="1"></icon><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="50" high="80"></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="9"></icon><span class="count" data-postfix=" HP"></span>
<!--颜色盾--><li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="4"></icon> <!--颜色盾--><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> <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>
@ -1015,10 +1016,13 @@ const teamsCount = 1;
</div> </div>
<div class="id-string-search"> <div class="id-string-search">
<form id="form-id-search"> <form id="form-id-search">
<label for="card-id"></label>
<input type="number" step="1" min="0" max="99999" id="card-id" name="card-id"/> <input type="number" step="1" min="0" max="99999" id="card-id" name="card-id"/>
</form> </form>
<form id="form-string-search"> <form id="form-string-search">
<input type="search" id="search-string" name="search-string" placeholder="🔍" /><button type="sumbit" id="search-by-string"></button> <label for="search-string"></label>
<input type="search" id="search-string" name="search-string" />
<button type="sumbit" id="search-by-string"></button>
</form> </form>
</div> </div>
</div> </div>

99
style.css
View File

@ -265,7 +265,7 @@ label[for="siwtch-code-mode"]::after {
display: none; display: none;
} }
input+label{ .switch-ipt+label{
margin-right: 3px; margin-right: 3px;
} }
input[type="checkbox"].switch-ipt { input[type="checkbox"].switch-ipt {
@ -733,7 +733,9 @@ body:not(.show-team-awoken-count) .team-awoken, /*队伍觉醒统计*/
body:not(.show-team-total-info) :where(.tIf-total-hp, .tIf-effect), body:not(.show-team-total-info) :where(.tIf-total-hp, .tIf-effect),
body:not(.show-team-attrtype-count) .team-total-info-count, /*稀有度、属性与类型计数*/ body:not(.show-team-attrtype-count) .team-total-info-count, /*稀有度、属性与类型计数*/
body:not(.show-team-awoken-effect) .team-awoken-effect, /*队伍觉醒效果统计*/ body:not(.show-team-awoken-effect) .team-awoken-effect, /*队伍觉醒效果统计*/
body:not(.show-rich-text-tools) #rich-text-tools /*队伍觉醒效果统计*/ body:not(.show-meter) meter, /*显示计量条*/
body.show-meter meter+span,
body:not(.show-rich-text-tools) #rich-text-tools /*富文本框选择器*/
{ {
display: none !important; display: none !important;
} }
@ -1433,10 +1435,11 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
content: "▼怪物ID"; content: "▼怪物ID";
}*/ }*/
.id-string-search { .id-string-search {
display: flex; display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px; gap: 20px;
margin-top: 5px; margin-top: 5px;
padding: 0 5px; padding: 0 10px;
} }
.id-string-search, .id-string-search,
.id-string-search :where( .id-string-search :where(
@ -1449,27 +1452,52 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
} }
#form-id-search, #form-id-search,
#form-string-search { #form-string-search {
flex: 1 1 auto; box-sizing: border-box;
display: flex; border: #000000AA solid 1px;
align-items: baseline; background-color: white;
border-radius: 3px;
display: grid;
align-items: center;
color: black;
} }
#form-id-search::before { #form-id-search {
grid-template-columns: min-content 1fr;
}
#form-string-search {
grid-template-columns: min-content 1fr min-content;
}
label[for="card-id"]::before {
content: "ID:"; content: "ID:";
text-shadow: 3px 3px 0 black; }
label[for="search-string"]::before {
content: "\f002";
padding: 0 3px;
font-family: var(--icon-font-family);
} }
#card-id{ #card-id{
background: none;
border: none;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
#search-string{ #search-string{
flex: 1 1 auto; background: none;
border: none;
box-sizing: border-box;
} }
#search-by-string{ #search-by-string{
flex: 0 0 50px; background: none;
border: none;
box-sizing: border-box;
height: 100%;
}
#search-by-string:hover {
background-color: #00000044;
} }
#search-by-string::before{ #search-by-string::before{
content: "🔍"; content: "\f061";
font-family: var(--icon-font-family);
} }
.edit-box .setting-box .row-mon-id .unable-monster{ .edit-box .setting-box .row-mon-id .unable-monster{
pointer-events: none; pointer-events: none;
@ -1505,27 +1533,30 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
} }
.edit-box .setting-box .row-mon-id .evo-card-list .monster,
.edit-box .search-mon-list .monster, .edit-box .search-mon-list .monster,
.detail-mon .monster, .mask-evolutionary-tree .evo-panel-left .monster
.mask-evolutionary-tree .evo-panel-left>.monster-head>.monster
{ {
float: none;
transform: scale(0.75); transform: scale(0.75);
margin: calc(-100px * (1 - 0.75) / 2); margin: calc(-100px * (1 - 0.75) / 2);
} }
.edit-box .setting-box .row-mon-id .evo-card-list .monster .id, .edit-box .evo-card-list .monster,
.edit-box .detail-mon .monster,
.mask-evolutionary-tree .evo-materials .monster
{
transform: scale(0.6);
margin: calc(-100px * (1 - 0.6) / 2);
}
.rich-text .detail-mon .monster{
transform: scale(0.5);
margin: calc(-100px * (1 - 0.5) / 2);
}
.evo-card-list .monster .id,
.edit-box .search-mon-list .monster .id, .edit-box .search-mon-list .monster .id,
.detail-mon .monster .id{ .detail-mon .monster .id{
bottom: 5px; bottom: 5px;
font-size: 20px; font-size: 20px;
} }
.edit-box .setting-box .row-mon-id .evo-card-list .monster .evo-card-list .monster .id
{
transform: scale(0.6);
margin: calc(-100px * (1 - 0.6) / 2);
}
.edit-box .setting-box .row-mon-id .evo-card-list .monster .id
{ {
font-size: 1.4em; font-size: 1.4em;
font-weight: bold; font-weight: bold;
@ -1542,10 +1573,6 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
width: 50px; width: 50px;
height: 50px; height: 50px;
} }
.rich-text .detail-mon .monster{
transform: scale(0.5);
margin: calc(-100px * (1 - 0.5) / 2);
}
.rich-text .detail-mon .monster .id{ .rich-text .detail-mon .monster .id{
background-color: rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.5);
padding: 2px; padding: 2px;
@ -2913,13 +2940,16 @@ a.series-search::before {
height: 20px; height: 20px;
} }
.team-awoken-effect .team-flags .team-member-icon[data-value="0"] { .team-awoken-effect .team-flags .team-member-icon[data-value="0"] {
background-color: red; background-color: #E22850;
border-color: #810220;
} }
.team-awoken-effect .team-flags .team-member-icon[data-value="50"] { .team-awoken-effect .team-flags .team-member-icon[data-value="50"] {
background-color: pink; background-color: #FFBD4F;
border-color: #D2811E;
} }
.team-awoken-effect .team-flags .team-member-icon[data-value="100"] { .team-awoken-effect .team-flags .team-member-icon[data-value="100"] {
background-color: lightgreen; background-color: #00AB60;
border-color: #056139;
} }
.team-awoken-effect .orb-list .orb { .team-awoken-effect .orb-list .orb {
@ -2930,6 +2960,10 @@ a.series-search::before {
text-align: center; text-align: center;
} }
.team-awoken-effect meter{
width: 70px;
}
.team-awoken-effect meter[value="100"],
.team-awoken-effect .prob[data-value="100"] { .team-awoken-effect .prob[data-value="100"] {
color: #28c031; color: #28c031;
text-shadow: black 1px 1px 1px; text-shadow: black 1px 1px 1px;
@ -3395,11 +3429,6 @@ table .orb-icon
{ {
display: inline-block; display: inline-block;
} }
.mask-evolutionary-tree .evo-materials .monster
{
transform: scale(0.60);
margin: calc(-100px * (1 - 0.60) / 2);
}
.mask-evolutionary-tree .evo-panel-left>.monster-head>.monster .id .mask-evolutionary-tree .evo-panel-left>.monster-head>.monster .id
{ {
bottom: 5px; bottom: 5px;

52
triple.html
View File

@ -500,19 +500,19 @@ const teamsCount = 3;
</ul> </ul>
<div class="team-awoken-effect"> <div class="team-awoken-effect">
<ul class="passive"> <ul class="passive">
<!--SX--><li><icon class="awoken-icon" data-awoken-icon="28"></icon><span class="prob"></span></li> <!--SX--><li><icon class="awoken-icon" data-awoken-icon="28"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--暗--><li><icon class="awoken-icon" data-awoken-icon="68"></icon><span class="prob"></span></li> <!--暗--><li><icon class="awoken-icon" data-awoken-icon="68"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--废--><li><icon class="awoken-icon" data-awoken-icon="69"></icon><span class="prob"></span></li> <!--废--><li><icon class="awoken-icon" data-awoken-icon="69"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--毒--><li><icon class="awoken-icon" data-awoken-icon="70"></icon><span class="prob"></span></li> <!--毒--><li><icon class="awoken-icon" data-awoken-icon="70"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--云--><li><icon class="awoken-icon" data-awoken-icon="54"></icon><span class="prob"></span></li> <!--云--><li><icon class="awoken-icon" data-awoken-icon="54"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--封条--><li><icon class="awoken-icon" data-awoken-icon="55"></icon><span class="prob"></span></li> <!--封条--><li><icon class="awoken-icon" data-awoken-icon="55"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--防绑--><li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon> <!--防绑--><li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon>
<ul class="team-flags"> <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> <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> </ul>
</li> </li>
<!--掉废--><li><icon class="latent-icon" data-latent-icon="14" data-latent-hole="1"></icon><span class="prob"></span></li> <!--掉废--><li><icon class="latent-icon" data-latent-icon="14" data-latent-hole="1"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--掉毒--><li><icon class="latent-icon" data-latent-icon="15" data-latent-hole="1"></icon><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="50" high="80"></meter></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="9"></icon><span class="count" data-postfix=" HP"></span>
<!--颜色盾--><li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="4"></icon> <!--颜色盾--><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> <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>
@ -966,19 +966,19 @@ const teamsCount = 3;
</ul> </ul>
<div class="team-awoken-effect"> <div class="team-awoken-effect">
<ul class="passive"> <ul class="passive">
<!--SX--><li><icon class="awoken-icon" data-awoken-icon="28"></icon><span class="prob"></span></li> <!--SX--><li><icon class="awoken-icon" data-awoken-icon="28"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--暗--><li><icon class="awoken-icon" data-awoken-icon="68"></icon><span class="prob"></span></li> <!--暗--><li><icon class="awoken-icon" data-awoken-icon="68"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--废--><li><icon class="awoken-icon" data-awoken-icon="69"></icon><span class="prob"></span></li> <!--废--><li><icon class="awoken-icon" data-awoken-icon="69"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--毒--><li><icon class="awoken-icon" data-awoken-icon="70"></icon><span class="prob"></span></li> <!--毒--><li><icon class="awoken-icon" data-awoken-icon="70"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--云--><li><icon class="awoken-icon" data-awoken-icon="54"></icon><span class="prob"></span></li> <!--云--><li><icon class="awoken-icon" data-awoken-icon="54"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--封条--><li><icon class="awoken-icon" data-awoken-icon="55"></icon><span class="prob"></span></li> <!--封条--><li><icon class="awoken-icon" data-awoken-icon="55"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--防绑--><li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon> <!--防绑--><li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon>
<ul class="team-flags"> <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> <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> </ul>
</li> </li>
<!--掉废--><li><icon class="latent-icon" data-latent-icon="14" data-latent-hole="1"></icon><span class="prob"></span></li> <!--掉废--><li><icon class="latent-icon" data-latent-icon="14" data-latent-hole="1"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--掉毒--><li><icon class="latent-icon" data-latent-icon="15" data-latent-hole="1"></icon><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="50" high="80"></meter></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="9"></icon><span class="count" data-postfix=" HP"></span>
<!--颜色盾--><li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="4"></icon> <!--颜色盾--><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> <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>
@ -1432,19 +1432,19 @@ const teamsCount = 3;
</ul> </ul>
<div class="team-awoken-effect"> <div class="team-awoken-effect">
<ul class="passive"> <ul class="passive">
<!--SX--><li><icon class="awoken-icon" data-awoken-icon="28"></icon><span class="prob"></span></li> <!--SX--><li><icon class="awoken-icon" data-awoken-icon="28"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--暗--><li><icon class="awoken-icon" data-awoken-icon="68"></icon><span class="prob"></span></li> <!--暗--><li><icon class="awoken-icon" data-awoken-icon="68"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--废--><li><icon class="awoken-icon" data-awoken-icon="69"></icon><span class="prob"></span></li> <!--废--><li><icon class="awoken-icon" data-awoken-icon="69"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--毒--><li><icon class="awoken-icon" data-awoken-icon="70"></icon><span class="prob"></span></li> <!--毒--><li><icon class="awoken-icon" data-awoken-icon="70"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--云--><li><icon class="awoken-icon" data-awoken-icon="54"></icon><span class="prob"></span></li> <!--云--><li><icon class="awoken-icon" data-awoken-icon="54"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--封条--><li><icon class="awoken-icon" data-awoken-icon="55"></icon><span class="prob"></span></li> <!--封条--><li><icon class="awoken-icon" data-awoken-icon="55"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--防绑--><li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon> <!--防绑--><li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="52"></icon>
<ul class="team-flags"> <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> <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> </ul>
</li> </li>
<!--掉废--><li><icon class="latent-icon" data-latent-icon="14" data-latent-hole="1"></icon><span class="prob"></span></li> <!--掉废--><li><icon class="latent-icon" data-latent-icon="14" data-latent-hole="1"></icon><meter min="0" max="100" optimum="100" low="50" high="80"></meter></li>
<!--掉毒--><li><icon class="latent-icon" data-latent-icon="15" data-latent-hole="1"></icon><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="50" high="80"></meter></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="9"></icon><span class="count" data-postfix=" HP"></span>
<!--颜色盾--><li style="grid-column: span 2;"><icon class="awoken-icon" data-awoken-icon="4"></icon> <!--颜色盾--><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> <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>
@ -1962,7 +1962,9 @@ const teamsCount = 3;
<input type="number" step="1" min="0" max="99999" id="card-id" name="card-id"/> <input type="number" step="1" min="0" max="99999" id="card-id" name="card-id"/>
</form> </form>
<form id="form-string-search"> <form id="form-string-search">
<input type="search" id="search-string" name="search-string" placeholder="🔍" /><button type="sumbit" id="search-by-string"></button> <label for="search-string"></label>
<input type="search" id="search-string" name="search-string" />
<button type="sumbit" id="search-by-string"></button>
</form> </form>
</div> </div>
</div> </div>