区分角色头像的attr和attr-icon的类名

This commit is contained in:
枫谷剑仙 2025-06-23 21:08:29 +08:00
parent 92f234784c
commit c8d77cba42
9 changed files with 151 additions and 151 deletions

View File

@ -160,12 +160,12 @@ const teamsCount = 2;
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
<ul class="tIf-attrs">
<li><icon class="attr" data-attr-icon="0"><!----></icon></li>
<li><icon class="attr" data-attr-icon="1"><!----></icon></li>
<li><icon class="attr" data-attr-icon="2"><!----></icon></li>
<li><icon class="attr" data-attr-icon="3"><!----></icon></li>
<li><icon class="attr" data-attr-icon="4"><!----></icon></li>
<li><icon class="attr" data-attr-icon="5"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="0"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="1"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="2"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="3"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="4"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="5"><!----></icon></li>
</ul>
<ul class="tIf-types">
<li><icon class="type-icon" data-type-icon="5"><!----></icon></li>
@ -803,12 +803,12 @@ const teamsCount = 2;
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
<ul class="tIf-attrs">
<li><icon class="attr" data-attr-icon="0"><!----></icon></li>
<li><icon class="attr" data-attr-icon="1"><!----></icon></li>
<li><icon class="attr" data-attr-icon="2"><!----></icon></li>
<li><icon class="attr" data-attr-icon="3"><!----></icon></li>
<li><icon class="attr" data-attr-icon="4"><!----></icon></li>
<li><icon class="attr" data-attr-icon="5"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="0"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="1"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="2"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="3"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="4"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="5"><!----></icon></li>
</ul>
<ul class="tIf-types">
<li><icon class="type-icon" data-type-icon="5"><!----></icon></li>
@ -887,40 +887,40 @@ const teamsCount = 2;
</label>
<div class="attr-selecter-list">
<ul class="attr-list horizontally-radio-list">
<li><input type="checkbox" name="attr-1" value="0" id="search-attr-1-0" /><label for="search-attr-1-0"><span class="attr" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="1" id="search-attr-1-1" /><label for="search-attr-1-1"><span class="attr" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="2" id="search-attr-1-2" /><label for="search-attr-1-2"><span class="attr" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="3" id="search-attr-1-3" /><label for="search-attr-1-3"><span class="attr" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="4" id="search-attr-1-4" /><label for="search-attr-1-4"><span class="attr" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-1" value="5" id="search-attr-1-5" /><label for="search-attr-1-5"><span class="attr" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="6" id="search-attr-1-6" /><label for="search-attr-1-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无主属性-->
<li><input type="checkbox" name="attr-1" value="0" id="search-attr-1-0" /><label for="search-attr-1-0"><span class="attr-icon" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="1" id="search-attr-1-1" /><label for="search-attr-1-1"><span class="attr-icon" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="2" id="search-attr-1-2" /><label for="search-attr-1-2"><span class="attr-icon" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="3" id="search-attr-1-3" /><label for="search-attr-1-3"><span class="attr-icon" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="4" id="search-attr-1-4" /><label for="search-attr-1-4"><span class="attr-icon" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-1" value="5" id="search-attr-1-5" /><label for="search-attr-1-5"><span class="attr-icon" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="6" id="search-attr-1-6" /><label for="search-attr-1-6"><span class="attr-icon" data-attr-icon="6"></span></label></li><!--无主属性-->
</ul>
<ul class="attr-list horizontally-radio-list">
<li><input type="checkbox" name="attr-2" value="0" id="search-attr-2-0" /><label for="search-attr-2-0"><span class="attr" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="1" id="search-attr-2-1" /><label for="search-attr-2-1"><span class="attr" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="2" id="search-attr-2-2" /><label for="search-attr-2-2"><span class="attr" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="3" id="search-attr-2-3" /><label for="search-attr-2-3"><span class="attr" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="4" id="search-attr-2-4" /><label for="search-attr-2-4"><span class="attr" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-2" value="5" id="search-attr-2-5" /><label for="search-attr-2-5"><span class="attr" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="6" id="search-attr-2-6" /><label for="search-attr-2-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
<li><input type="checkbox" name="attr-2" value="0" id="search-attr-2-0" /><label for="search-attr-2-0"><span class="attr-icon" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="1" id="search-attr-2-1" /><label for="search-attr-2-1"><span class="attr-icon" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="2" id="search-attr-2-2" /><label for="search-attr-2-2"><span class="attr-icon" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="3" id="search-attr-2-3" /><label for="search-attr-2-3"><span class="attr-icon" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="4" id="search-attr-2-4" /><label for="search-attr-2-4"><span class="attr-icon" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-2" value="5" id="search-attr-2-5" /><label for="search-attr-2-5"><span class="attr-icon" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="6" id="search-attr-2-6" /><label for="search-attr-2-6"><span class="attr-icon" data-attr-icon="6"></span></label></li><!--无副属性-->
</ul>
<ul class="attr-list horizontally-radio-list">
<li><input type="checkbox" name="attr-3" value="0" id="search-attr-3-0" /><label for="search-attr-3-0"><span class="attr" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="1" id="search-attr-3-1" /><label for="search-attr-3-1"><span class="attr" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="2" id="search-attr-3-2" /><label for="search-attr-3-2"><span class="attr" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="3" id="search-attr-3-3" /><label for="search-attr-3-3"><span class="attr" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="4" id="search-attr-3-4" /><label for="search-attr-3-4"><span class="attr" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-3" value="5" id="search-attr-3-5" /><label for="search-attr-3-5"><span class="attr" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="6" id="search-attr-3-6" /><label for="search-attr-3-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
<li><input type="checkbox" name="attr-3" value="0" id="search-attr-3-0" /><label for="search-attr-3-0"><span class="attr-icon" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="1" id="search-attr-3-1" /><label for="search-attr-3-1"><span class="attr-icon" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="2" id="search-attr-3-2" /><label for="search-attr-3-2"><span class="attr-icon" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="3" id="search-attr-3-3" /><label for="search-attr-3-3"><span class="attr-icon" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="4" id="search-attr-3-4" /><label for="search-attr-3-4"><span class="attr-icon" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-3" value="5" id="search-attr-3-5" /><label for="search-attr-3-5"><span class="attr-icon" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="6" id="search-attr-3-6" /><label for="search-attr-3-6"><span class="attr-icon" data-attr-icon="6"></span></label></li><!--无副属性-->
</ul>
<ul class="attr-list horizontally-radio-list display-none">
<li><input type="checkbox" name="attr-4" value="0" id="search-attr-4-0" /><label for="search-attr-4-0"><span class="attr" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="1" id="search-attr-4-1" /><label for="search-attr-4-1"><span class="attr" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="2" id="search-attr-4-2" /><label for="search-attr-4-2"><span class="attr" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="3" id="search-attr-4-3" /><label for="search-attr-4-3"><span class="attr" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="4" id="search-attr-4-4" /><label for="search-attr-4-4"><span class="attr" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-4" value="5" id="search-attr-4-5" /><label for="search-attr-4-5"><span class="attr" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="6" id="search-attr-4-6" /><label for="search-attr-4-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
<li><input type="checkbox" name="attr-4" value="0" id="search-attr-4-0" /><label for="search-attr-4-0"><span class="attr-icon" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="1" id="search-attr-4-1" /><label for="search-attr-4-1"><span class="attr-icon" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="2" id="search-attr-4-2" /><label for="search-attr-4-2"><span class="attr-icon" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="3" id="search-attr-4-3" /><label for="search-attr-4-3"><span class="attr-icon" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="4" id="search-attr-4-4" /><label for="search-attr-4-4"><span class="attr-icon" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-4" value="5" id="search-attr-4-5" /><label for="search-attr-4-5"><span class="attr-icon" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="6" id="search-attr-4-6" /><label for="search-attr-4-6"><span class="attr-icon" data-attr-icon="6"></span></label></li><!--无副属性-->
</ul>
</div>
<button id="attr-clear" type="reset" class="brown-button"></button>

View File

@ -4153,7 +4153,7 @@ const specialSearchFunctions = (function() {
const fragment = document.createDocumentFragment();
const icon = document.createElement("icon");
icon.className = "attr";
icon.className = "attr-icon";
icon.setAttribute("data-attr-icon", "fixed");
fragment.append(icon, value.bigNumberToString());

View File

@ -3037,7 +3037,7 @@ function renderAttrs(attrs, option = {}) {
{
contentFrg = attrs.map(attr => {
const icon = document.createElement("icon");
icon.className = "attr";
icon.className = "attr-icon";
icon.setAttribute("data-attr-icon",attr);
return tsp.attrs?.[attr]({icon: icon});
})

View File

@ -7781,7 +7781,7 @@ function refreshTeamTotalCount(totalCountDom, team, teamIdx) {
{
const {attrs, types} = countTeamTotalAttrsTypes(team_2p, assistTeam_2p);
if (tAttrsDom) {
const attrDoms = Array.from(tAttrsDom.querySelectorAll(".attr"));
const attrDoms = Array.from(tAttrsDom.querySelectorAll(".attr-icon"));
attrDoms.forEach(attrDom=>{
const attrId = parseInt(attrDom.getAttribute("data-attr-icon"));
attrDom.setAttribute(dataAttrName, attrs[attrId] || 0);

View File

@ -53731,7 +53731,7 @@ const cachesMap = new Map([
],
[
"multi.html",
"e9940fa95b9d22fbf8b67ab273cd0057"
"a73fd998c214214011b8b7102f600eb6"
],
[
"script-custom_elements.js",
@ -53739,11 +53739,11 @@ const cachesMap = new Map([
],
[
"script-json_data.js",
"8c718524fc9bedeaef8c609711a3bd7b"
"03eb3c49b4252740883bd401b37943ce"
],
[
"script-skill-parser.js",
"f48d3aa81b98d0ec8d5f6441581c5c68"
"7aaf438495337bd7fa6b467398f36030"
],
[
"script-universal_function.js",
@ -53751,11 +53751,11 @@ const cachesMap = new Map([
],
[
"script.js",
"f2d5f1172ef0730a1cbb247b5b2022cf"
"4458d64c7eae76f3bd44e7c7f840aba4"
],
[
"solo.html",
"08d3741e2088be4776f88348d14ddf67"
"47c3b888f74ae8118ec0e5ca47229628"
],
[
"style-fix-html2canvas.css",
@ -53763,11 +53763,11 @@ const cachesMap = new Map([
],
[
"style-monsterimages.css",
"4f99e4352b2ccd4807b125c5e36ea0f2"
"5f9a23a57c8802563decad279471e581"
],
[
"style.css",
"7a18008a6416162b03aafd1c990937f8"
"2a5d4df6d4c557f891f93cc2bf44e3d4"
],
[
"temp.js",
@ -53775,7 +53775,7 @@ const cachesMap = new Map([
],
[
"triple.html",
"bce203a02364a6bfa8b877eefd33ef4b"
"60b445065541fbb1138640eb089f96d2"
],
[
"languages/en.css",

View File

@ -117,12 +117,12 @@ const teamsCount = 1;
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
<ul class="tIf-attrs">
<li><icon class="attr" data-attr-icon="0"><!----></icon></li>
<li><icon class="attr" data-attr-icon="1"><!----></icon></li>
<li><icon class="attr" data-attr-icon="2"><!----></icon></li>
<li><icon class="attr" data-attr-icon="3"><!----></icon></li>
<li><icon class="attr" data-attr-icon="4"><!----></icon></li>
<li><icon class="attr" data-attr-icon="5"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="0"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="1"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="2"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="3"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="4"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="5"><!----></icon></li>
</ul>
<ul class="tIf-types">
<li><icon class="type-icon" data-type-icon="5"><!----></icon></li>
@ -577,40 +577,40 @@ const teamsCount = 1;
</label>
<div class="attr-selecter-list">
<ul class="attr-list horizontally-radio-list">
<li><input type="checkbox" name="attr-1" value="0" id="search-attr-1-0" /><label for="search-attr-1-0"><span class="attr" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="1" id="search-attr-1-1" /><label for="search-attr-1-1"><span class="attr" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="2" id="search-attr-1-2" /><label for="search-attr-1-2"><span class="attr" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="3" id="search-attr-1-3" /><label for="search-attr-1-3"><span class="attr" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="4" id="search-attr-1-4" /><label for="search-attr-1-4"><span class="attr" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-1" value="5" id="search-attr-1-5" /><label for="search-attr-1-5"><span class="attr" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="6" id="search-attr-1-6" /><label for="search-attr-1-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无主属性-->
<li><input type="checkbox" name="attr-1" value="0" id="search-attr-1-0" /><label for="search-attr-1-0"><span class="attr-icon" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="1" id="search-attr-1-1" /><label for="search-attr-1-1"><span class="attr-icon" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="2" id="search-attr-1-2" /><label for="search-attr-1-2"><span class="attr-icon" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="3" id="search-attr-1-3" /><label for="search-attr-1-3"><span class="attr-icon" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="4" id="search-attr-1-4" /><label for="search-attr-1-4"><span class="attr-icon" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-1" value="5" id="search-attr-1-5" /><label for="search-attr-1-5"><span class="attr-icon" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="6" id="search-attr-1-6" /><label for="search-attr-1-6"><span class="attr-icon" data-attr-icon="6"></span></label></li><!--无主属性-->
</ul>
<ul class="attr-list horizontally-radio-list">
<li><input type="checkbox" name="attr-2" value="0" id="search-attr-2-0" /><label for="search-attr-2-0"><span class="attr" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="1" id="search-attr-2-1" /><label for="search-attr-2-1"><span class="attr" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="2" id="search-attr-2-2" /><label for="search-attr-2-2"><span class="attr" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="3" id="search-attr-2-3" /><label for="search-attr-2-3"><span class="attr" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="4" id="search-attr-2-4" /><label for="search-attr-2-4"><span class="attr" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-2" value="5" id="search-attr-2-5" /><label for="search-attr-2-5"><span class="attr" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="6" id="search-attr-2-6" /><label for="search-attr-2-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
<li><input type="checkbox" name="attr-2" value="0" id="search-attr-2-0" /><label for="search-attr-2-0"><span class="attr-icon" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="1" id="search-attr-2-1" /><label for="search-attr-2-1"><span class="attr-icon" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="2" id="search-attr-2-2" /><label for="search-attr-2-2"><span class="attr-icon" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="3" id="search-attr-2-3" /><label for="search-attr-2-3"><span class="attr-icon" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="4" id="search-attr-2-4" /><label for="search-attr-2-4"><span class="attr-icon" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-2" value="5" id="search-attr-2-5" /><label for="search-attr-2-5"><span class="attr-icon" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="6" id="search-attr-2-6" /><label for="search-attr-2-6"><span class="attr-icon" data-attr-icon="6"></span></label></li><!--无副属性-->
</ul>
<ul class="attr-list horizontally-radio-list">
<li><input type="checkbox" name="attr-3" value="0" id="search-attr-3-0" /><label for="search-attr-3-0"><span class="attr" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="1" id="search-attr-3-1" /><label for="search-attr-3-1"><span class="attr" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="2" id="search-attr-3-2" /><label for="search-attr-3-2"><span class="attr" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="3" id="search-attr-3-3" /><label for="search-attr-3-3"><span class="attr" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="4" id="search-attr-3-4" /><label for="search-attr-3-4"><span class="attr" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-3" value="5" id="search-attr-3-5" /><label for="search-attr-3-5"><span class="attr" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="6" id="search-attr-3-6" /><label for="search-attr-3-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
<li><input type="checkbox" name="attr-3" value="0" id="search-attr-3-0" /><label for="search-attr-3-0"><span class="attr-icon" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="1" id="search-attr-3-1" /><label for="search-attr-3-1"><span class="attr-icon" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="2" id="search-attr-3-2" /><label for="search-attr-3-2"><span class="attr-icon" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="3" id="search-attr-3-3" /><label for="search-attr-3-3"><span class="attr-icon" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="4" id="search-attr-3-4" /><label for="search-attr-3-4"><span class="attr-icon" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-3" value="5" id="search-attr-3-5" /><label for="search-attr-3-5"><span class="attr-icon" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="6" id="search-attr-3-6" /><label for="search-attr-3-6"><span class="attr-icon" data-attr-icon="6"></span></label></li><!--无副属性-->
</ul>
<ul class="attr-list horizontally-radio-list display-none">
<li><input type="checkbox" name="attr-4" value="0" id="search-attr-4-0" /><label for="search-attr-4-0"><span class="attr" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="1" id="search-attr-4-1" /><label for="search-attr-4-1"><span class="attr" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="2" id="search-attr-4-2" /><label for="search-attr-4-2"><span class="attr" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="3" id="search-attr-4-3" /><label for="search-attr-4-3"><span class="attr" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="4" id="search-attr-4-4" /><label for="search-attr-4-4"><span class="attr" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-4" value="5" id="search-attr-4-5" /><label for="search-attr-4-5"><span class="attr" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="6" id="search-attr-4-6" /><label for="search-attr-4-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
<li><input type="checkbox" name="attr-4" value="0" id="search-attr-4-0" /><label for="search-attr-4-0"><span class="attr-icon" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="1" id="search-attr-4-1" /><label for="search-attr-4-1"><span class="attr-icon" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="2" id="search-attr-4-2" /><label for="search-attr-4-2"><span class="attr-icon" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="3" id="search-attr-4-3" /><label for="search-attr-4-3"><span class="attr-icon" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="4" id="search-attr-4-4" /><label for="search-attr-4-4"><span class="attr-icon" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-4" value="5" id="search-attr-4-5" /><label for="search-attr-4-5"><span class="attr-icon" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="6" id="search-attr-4-6" /><label for="search-attr-4-6"><span class="attr-icon" data-attr-icon="6"></span></label></li><!--无副属性-->
</ul>
</div>
<button id="attr-clear" type="reset" class="brown-button"></button>

View File

@ -1955,7 +1955,7 @@
/*属性图片*/
.attr
.attr-icon
{
--icon-width: 36px;
--icon-height: 36px;
@ -1973,47 +1973,47 @@
background-position-x:calc(var(--icon-width) * var(--icon-x-index) * -1);
background-position-y:calc(var(--icon-height) * var(--icon-y-index) * -1);
}
.attr[data-attr-icon='any'],
.attr[data-attr-icon='self']
.attr-icon[data-attr-icon='any'],
.attr-icon[data-attr-icon='self']
{
--icon-x-index: 1;
--icon-y-index: 0;
}
.attr[data-attr-icon='fixed']
.attr-icon[data-attr-icon='fixed']
{
--icon-x-index: 1;
--icon-y-index: 1;
}
.attr[data-attr-icon='-1']
.attr-icon[data-attr-icon='-1']
{
width: auto;
}
.attr[data-attr-icon='0']
.attr-icon[data-attr-icon='0']
{
--icon-y-index: 0;
}
.attr[data-attr-icon='1']
.attr-icon[data-attr-icon='1']
{
--icon-y-index: 1;
}
.attr[data-attr-icon='2']
.attr-icon[data-attr-icon='2']
{
--icon-y-index: 2;
}
.attr[data-attr-icon='3']
.attr-icon[data-attr-icon='3']
{
--icon-y-index: 3;
}
.attr[data-attr-icon='4']
.attr-icon[data-attr-icon='4']
{
--icon-y-index: 4;
}
.attr[data-attr-icon='5']
.attr-icon[data-attr-icon='5']
{
--icon-y-index: 5;
}
.attr[data-attr-icon='6']
.attr-icon[data-attr-icon='6']
{
--icon-y-index: 6;
}

View File

@ -1394,7 +1394,7 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
display: inline-flex;
vertical-align: bottom;
}
.tIf-attrs icon.attr,
.tIf-attrs icon.attr-icon,
.tIf-types icon.type-icon
{
position: relative;
@ -1404,14 +1404,14 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
font-size: 16px;
margin-right: 3px;
}
.tIf-attrs icon.attr:not([data-value]),
.tIf-attrs icon.attr-icon:not([data-value]),
.tIf-types icon.type-icon:not([data-value]),
.tIf-attrs icon.attr[data-value="0"],
.tIf-attrs icon.attr-icon[data-value="0"],
.tIf-types icon.type-icon[data-value="0"]
{
display: none;
}
.tIf-attrs icon.attr::before,
.tIf-attrs icon.attr-icon::before,
.tIf-types icon.type-icon::before
{
content: "×"attr(data-value);
@ -1432,7 +1432,7 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
content: attr(data-value)"★";
color: gold;
}
.tIf-attrs icon.attr::before,
.tIf-attrs icon.attr-icon::before,
.tIf-types icon.type-icon::before,
.tIf-rarity icon::before
{
@ -1990,7 +1990,7 @@ label[for="search-string"] {
.awoken-preview .awoken-icon,
.custom-addition .awoken-icon,
.custom-addition .type-icon,
.custom-addition .attr
.custom-addition .attr-icon
{
filter: unset;
transform: scale(0.75);
@ -4778,8 +4778,8 @@ body.external-link-support #external-support{
background-repeat: no-repeat;
}
.icon-skill,
#search-attr .attr-list .attr,
.skill-datail-parsed icon:where(.attr,.orb,.type-icon,.awoken-icon)
#search-attr .attr-list .attr-icon,
.skill-datail-parsed icon:where(.attr-icon,.orb,.type-icon,.awoken-icon)
{
vertical-align: bottom;
transform: scale(0.75);

View File

@ -123,12 +123,12 @@ const teamsCount = 3;
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
<ul class="tIf-attrs">
<li><icon class="attr" data-attr-icon="0"><!----></icon></li>
<li><icon class="attr" data-attr-icon="1"><!----></icon></li>
<li><icon class="attr" data-attr-icon="2"><!----></icon></li>
<li><icon class="attr" data-attr-icon="3"><!----></icon></li>
<li><icon class="attr" data-attr-icon="4"><!----></icon></li>
<li><icon class="attr" data-attr-icon="5"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="0"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="1"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="2"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="3"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="4"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="5"><!----></icon></li>
</ul>
<ul class="tIf-types">
<li><icon class="type-icon" data-type-icon="5"><!----></icon></li>
@ -542,12 +542,12 @@ const teamsCount = 3;
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
<ul class="tIf-attrs">
<li><icon class="attr" data-attr-icon="0"><!----></icon></li>
<li><icon class="attr" data-attr-icon="1"><!----></icon></li>
<li><icon class="attr" data-attr-icon="2"><!----></icon></li>
<li><icon class="attr" data-attr-icon="3"><!----></icon></li>
<li><icon class="attr" data-attr-icon="4"><!----></icon></li>
<li><icon class="attr" data-attr-icon="5"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="0"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="1"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="2"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="3"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="4"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="5"><!----></icon></li>
</ul>
<ul class="tIf-types">
<li><icon class="type-icon" data-type-icon="5"><!----></icon></li>
@ -961,12 +961,12 @@ const teamsCount = 3;
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
<ul class="tIf-attrs">
<li><icon class="attr" data-attr-icon="0"><!----></icon></li>
<li><icon class="attr" data-attr-icon="1"><!----></icon></li>
<li><icon class="attr" data-attr-icon="2"><!----></icon></li>
<li><icon class="attr" data-attr-icon="3"><!----></icon></li>
<li><icon class="attr" data-attr-icon="4"><!----></icon></li>
<li><icon class="attr" data-attr-icon="5"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="0"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="1"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="2"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="3"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="4"><!----></icon></li>
<li><icon class="attr-icon" data-attr-icon="5"><!----></icon></li>
</ul>
<ul class="tIf-types">
<li><icon class="type-icon" data-type-icon="5"><!----></icon></li>
@ -1422,40 +1422,40 @@ const teamsCount = 3;
</label>
<div class="attr-selecter-list">
<ul class="attr-list horizontally-radio-list">
<li><input type="checkbox" name="attr-1" value="0" id="search-attr-1-0" /><label for="search-attr-1-0"><span class="attr" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="1" id="search-attr-1-1" /><label for="search-attr-1-1"><span class="attr" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="2" id="search-attr-1-2" /><label for="search-attr-1-2"><span class="attr" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="3" id="search-attr-1-3" /><label for="search-attr-1-3"><span class="attr" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="4" id="search-attr-1-4" /><label for="search-attr-1-4"><span class="attr" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-1" value="5" id="search-attr-1-5" /><label for="search-attr-1-5"><span class="attr" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="6" id="search-attr-1-6" /><label for="search-attr-1-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无主属性-->
<li><input type="checkbox" name="attr-1" value="0" id="search-attr-1-0" /><label for="search-attr-1-0"><span class="attr-icon" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="1" id="search-attr-1-1" /><label for="search-attr-1-1"><span class="attr-icon" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="2" id="search-attr-1-2" /><label for="search-attr-1-2"><span class="attr-icon" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="3" id="search-attr-1-3" /><label for="search-attr-1-3"><span class="attr-icon" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="4" id="search-attr-1-4" /><label for="search-attr-1-4"><span class="attr-icon" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-1" value="5" id="search-attr-1-5" /><label for="search-attr-1-5"><span class="attr-icon" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-1" value="6" id="search-attr-1-6" /><label for="search-attr-1-6"><span class="attr-icon" data-attr-icon="6"></span></label></li><!--无主属性-->
</ul>
<ul class="attr-list horizontally-radio-list">
<li><input type="checkbox" name="attr-2" value="0" id="search-attr-2-0" /><label for="search-attr-2-0"><span class="attr" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="1" id="search-attr-2-1" /><label for="search-attr-2-1"><span class="attr" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="2" id="search-attr-2-2" /><label for="search-attr-2-2"><span class="attr" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="3" id="search-attr-2-3" /><label for="search-attr-2-3"><span class="attr" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="4" id="search-attr-2-4" /><label for="search-attr-2-4"><span class="attr" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-2" value="5" id="search-attr-2-5" /><label for="search-attr-2-5"><span class="attr" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="6" id="search-attr-2-6" /><label for="search-attr-2-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
<li><input type="checkbox" name="attr-2" value="0" id="search-attr-2-0" /><label for="search-attr-2-0"><span class="attr-icon" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="1" id="search-attr-2-1" /><label for="search-attr-2-1"><span class="attr-icon" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="2" id="search-attr-2-2" /><label for="search-attr-2-2"><span class="attr-icon" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="3" id="search-attr-2-3" /><label for="search-attr-2-3"><span class="attr-icon" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="4" id="search-attr-2-4" /><label for="search-attr-2-4"><span class="attr-icon" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-2" value="5" id="search-attr-2-5" /><label for="search-attr-2-5"><span class="attr-icon" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-2" value="6" id="search-attr-2-6" /><label for="search-attr-2-6"><span class="attr-icon" data-attr-icon="6"></span></label></li><!--无副属性-->
</ul>
<ul class="attr-list horizontally-radio-list">
<li><input type="checkbox" name="attr-3" value="0" id="search-attr-3-0" /><label for="search-attr-3-0"><span class="attr" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="1" id="search-attr-3-1" /><label for="search-attr-3-1"><span class="attr" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="2" id="search-attr-3-2" /><label for="search-attr-3-2"><span class="attr" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="3" id="search-attr-3-3" /><label for="search-attr-3-3"><span class="attr" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="4" id="search-attr-3-4" /><label for="search-attr-3-4"><span class="attr" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-3" value="5" id="search-attr-3-5" /><label for="search-attr-3-5"><span class="attr" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="6" id="search-attr-3-6" /><label for="search-attr-3-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
<li><input type="checkbox" name="attr-3" value="0" id="search-attr-3-0" /><label for="search-attr-3-0"><span class="attr-icon" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="1" id="search-attr-3-1" /><label for="search-attr-3-1"><span class="attr-icon" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="2" id="search-attr-3-2" /><label for="search-attr-3-2"><span class="attr-icon" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="3" id="search-attr-3-3" /><label for="search-attr-3-3"><span class="attr-icon" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="4" id="search-attr-3-4" /><label for="search-attr-3-4"><span class="attr-icon" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-3" value="5" id="search-attr-3-5" /><label for="search-attr-3-5"><span class="attr-icon" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-3" value="6" id="search-attr-3-6" /><label for="search-attr-3-6"><span class="attr-icon" data-attr-icon="6"></span></label></li><!--无副属性-->
</ul>
<ul class="attr-list horizontally-radio-list display-none">
<li><input type="checkbox" name="attr-4" value="0" id="search-attr-4-0" /><label for="search-attr-4-0"><span class="attr" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="1" id="search-attr-4-1" /><label for="search-attr-4-1"><span class="attr" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="2" id="search-attr-4-2" /><label for="search-attr-4-2"><span class="attr" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="3" id="search-attr-4-3" /><label for="search-attr-4-3"><span class="attr" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="4" id="search-attr-4-4" /><label for="search-attr-4-4"><span class="attr" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-4" value="5" id="search-attr-4-5" /><label for="search-attr-4-5"><span class="attr" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="6" id="search-attr-4-6" /><label for="search-attr-4-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无副属性-->
<li><input type="checkbox" name="attr-4" value="0" id="search-attr-4-0" /><label for="search-attr-4-0"><span class="attr-icon" data-attr-icon="0"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="1" id="search-attr-4-1" /><label for="search-attr-4-1"><span class="attr-icon" data-attr-icon="1"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="2" id="search-attr-4-2" /><label for="search-attr-4-2"><span class="attr-icon" data-attr-icon="2"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="3" id="search-attr-4-3" /><label for="search-attr-4-3"><span class="attr-icon" data-attr-icon="3"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="4" id="search-attr-4-4" /><label for="search-attr-4-4"><span class="attr-icon" data-attr-icon="4"></span></label></li><!---->
<li class="display-none"><input type="checkbox" name="attr-4" value="5" id="search-attr-4-5" /><label for="search-attr-4-5"><span class="attr-icon" data-attr-icon="5"></span></label></li><!---->
<li><input type="checkbox" name="attr-4" value="6" id="search-attr-4-6" /><label for="search-attr-4-6"><span class="attr-icon" data-attr-icon="6"></span></label></li><!--无副属性-->
</ul>
</div>
<button id="attr-clear" type="reset" class="brown-button"></button>