◆少前百科是非盈利性、非官方的少女前线维基百科。
◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科
◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科
◆To foreigners,You can use twitter to contact us.
Icon Nyto Silver.png

“Widget:Equipquery”的版本间的差异

来自少前百科GFwiki
跳转至: 导航搜索
 
(未显示3个用户的16个中间版本)
第2行: 第2行:
 
/* Auto Grid START */
 
/* Auto Grid START */
 
@media screen and (max-width: 900px) {
 
@media screen and (max-width: 900px) {
 +
#Equiptable:not(.minimode) tr::after {content:"";grid-column: auto/span 2;grid-row-start: 2 ;background: linear-gradient(45deg, rgb(85 85 85 / 47%), rgb(85 85 85 / 47%));background-repeat: no-repeat;background-position: 1px 1px;background-size: calc(100% - 2px) calc(100% - 2px);}
 +
 +
.skin-minerva #Equiptable:not(.minimode) tr::after{background-image: linear-gradient(45deg, rgb(119 119 119 / 0.34), rgb(119 119 119 / 0.34));}
 +
.skin-minerva table#Equiptable:not(.minimode) tr td {border-width:1px !important}
 +
#Equiptable:not(.minimode) tr {background:transparent !important;}
 +
 
@media screen and (max-width: 500px) {
 
@media screen and (max-width: 500px) {
 
     .skin-minerva #Equiptable *{font-size:0.8rem;}
 
     .skin-minerva #Equiptable *{font-size:0.8rem;}
 
}
 
}
 
     .skin-vector #Equiptable:not(.minimode) td {}
 
     .skin-vector #Equiptable:not(.minimode) td {}
     .skin-vector #Equiptable:not(.minimode) td {margin:1px;background-color:#5557}
+
     .skin-vector #Equiptable:not(.minimode) td {margin:1px;background-color:rgb(85 85 85 / 47%)}
     .skin-vector #Equiptable:not(.minimode) td:hover {background-color:#7777}
+
     .skin-vector #Equiptable:not(.minimode) td:hover {background-color:rgb(119 119 119 / 47%)}
 
     .skin-vector #Equiptable:not(.minimode) tbody {background:transparent}
 
     .skin-vector #Equiptable:not(.minimode) tbody {background:transparent}
 
table#Equiptable:not(.minimode) td:empty,table#Equiptable thead {display:none}
 
table#Equiptable:not(.minimode) td:empty,table#Equiptable thead {display:none}
第21行: 第27行:
 
     margin: 2px 0;
 
     margin: 2px 0;
 
     padding: 1px;
 
     padding: 1px;
     border: 1px solid #555;
+
     border: 1px solid #f4c430;
 
}
 
}
 
table#Equiptable:not(.minimode) tbody {display: block;width:100%;}
 
table#Equiptable:not(.minimode) tbody {display: block;width:100%;}
第68行: 第74行:
  
 
table#Equiptable:not(.minimode) tr td:nth-child(15)::before {content:"效果\A";white-space:pre;}
 
table#Equiptable:not(.minimode) tr td:nth-child(15)::before {content:"效果\A";white-space:pre;}
table#Equiptable:not(.minimode) tr td:nth-child(15) {grid-column:auto/span 1;grid-row-start: 2;}
+
table#Equiptable:not(.minimode) tr td:nth-child(15) {grid-column:5/span 1;grid-row-start: 2;}
  
 
table#Equiptable:not(.minimode) tr td:nth-child(16)::before {content: "适用人形:";white-space: pre;}
 
table#Equiptable:not(.minimode) tr td:nth-child(16)::before {content: "适用人形:";white-space: pre;}
table#Equiptable:not(.minimode) tr td:nth-child(16){grid-column:auto/span 3;flex-direction:row;flex-wrap: wrap;padding:2px 0}
+
table#Equiptable:not(.minimode) tr td:nth-child(16){grid-column:1/span 3;flex-direction:row;flex-wrap: wrap;padding:4px 0}
 
table#Equiptable:not(.minimode) tr td:nth-child(16) a::before{content: "  ";white-space: pre;text-decoration:none !important}
 
table#Equiptable:not(.minimode) tr td:nth-child(16) a::before{content: "  ";white-space: pre;text-decoration:none !important}
 
table#Equiptable:not(.minimode) tr td:nth-child(16) a:first-child::before{content: "";text-decoration:none !important}
 
table#Equiptable:not(.minimode) tr td:nth-child(16) a:first-child::before{content: "";text-decoration:none !important}
第406行: 第412行:
 
</style><div style="max-width: 70rem;">
 
</style><div style="max-width: 70rem;">
 
<div id="buttonContainer" style="margin: 2px;">
 
<div id="buttonContainer" style="margin: 2px;">
 +
<div>
 +
<button class="clearSelect">清除</button>
 +
<button class="invertSelect">反选</button>
 +
<label for="type1gx"><input type="checkbox" id="type1gx" class="filter_item" /><div>特殊配件</div></label>
 +
<label for="type1qx"><input type="checkbox" id="type1qx" class="filter_item" /><div>特殊弹匣</div></label>
 +
<label for="type1hd"><input type="checkbox" id="type1hd" class="filter_item" /><div>特殊人形装备</div></label>
 +
</div>
 
<div>
 
<div>
 
<button class="clearSelect">清除</button>
 
<button class="clearSelect">清除</button>
第415行: 第428行:
 
<label for="MGEquip"><input type="checkbox" id="MGEquip" class="filter_item" /><div>机枪装备</div></label>
 
<label for="MGEquip"><input type="checkbox" id="MGEquip" class="filter_item" /><div>机枪装备</div></label>
 
<label for="SGEquip"><input type="checkbox" id="SGEquip" class="filter_item" /><div>霰弹枪装备</div></label>
 
<label for="SGEquip"><input type="checkbox" id="SGEquip" class="filter_item" /><div>霰弹枪装备</div></label>
</div>
 
<div>
 
<button class="clearSelect">清除</button>
 
<button class="invertSelect">反选</button>
 
<label for="type1gx"><input type="checkbox" id="type1gx" class="filter_item" /><div>光学瞄具</div></label>
 
<label for="type1qx"><input type="checkbox" id="type1qx" class="filter_item" /><div>全息瞄具</div></label>
 
<label for="type1hd"><input type="checkbox" id="type1hd" class="filter_item" /><div>红点瞄具</div></label>
 
<label for="type1yz"><input type="checkbox" id="type1yz" class="filter_item" /><div>夜战装备</div></label>
 
<label for="type1xy"><input type="checkbox" id="type1xy" class="filter_item" /><div>消音器</div></label>
 
<label for="type1ts"><input type="checkbox" id="type1ts" class="filter_item" /><div>特殊</div></label>
 
</div>
 
<div>
 
<button class="clearSelect">清除</button>
 
<button class="invertSelect">反选</button>
 
<label for="type2zt"><input type="checkbox" id="type2zt" class="filter_item" /><div>状态弹</div></label>
 
<label for="type2cj"><input type="checkbox" id="type2cj" class="filter_item" /><div>穿甲弹</div></label>
 
<label for="type2gs"><input type="checkbox" id="type2gs" class="filter_item" /><div>高速弹</div></label>
 
<label for="type2xd"><input type="checkbox" id="type2xd" class="filter_item" /><div>霰弹</div></label>
 
<label for="type2ts"><input type="checkbox" id="type2ts" class="filter_item" /><div>特殊</div></label>
 
</div>
 
<div>
 
<button class="clearSelect">清除</button>
 
<button class="invertSelect">反选</button>
 
<label for="type3wg"><input type="checkbox" id="type3wg" class="filter_item" /><div>外骨骼</div></label>
 
<label for="type3wz"><input type="checkbox" id="type3wz" class="filter_item" /><div>伪装披风</div></label>
 
<label for="type3fd"><input type="checkbox" id="type3fd" class="filter_item" /><div>防弹插板</div></label>
 
<label for="type3dl"><input type="checkbox" id="type3dl" class="filter_item" /><div>弹链箱</div></label>
 
<label for="type3xp"><input type="checkbox" id="type3xp" class="filter_item" /><div>芯片</div></label>
 
<label for="type3ts"><input type="checkbox" id="type3ts" class="filter_item" /><div>特殊</div></label>
 
 
</div>
 
</div>
 
<div>
 
<div>
第453行: 第437行:
 
<label for="Obtainph"><input type="checkbox" id="Obtainph" class="filter_item" /><div>排行奖励</div></label>
 
<label for="Obtainph"><input type="checkbox" id="Obtainph" class="filter_item" /><div>排行奖励</div></label>
 
<label for="Obtainxz"><input type="checkbox" id="Obtainxz" class="filter_item" /><div>心智升级</div></label>
 
<label for="Obtainxz"><input type="checkbox" id="Obtainxz" class="filter_item" /><div>心智升级</div></label>
<label for="Obtainhs"><input type="checkbox" id="Obtainhs" class="filter_item" /><div>黑市商店</div></label>
+
<label for="Obtainhs"><input type="checkbox" id="Obtainhs" class="filter_item" /><div>机密商店</div></label>
 
<label for="Obtainmy"><input type="checkbox" id="Obtainmy" class="filter_item" /><div>每月签到</div></label>
 
<label for="Obtainmy"><input type="checkbox" id="Obtainmy" class="filter_item" /><div>每月签到</div></label>
 +
<label for="Obtainhy"><input type="checkbox" id="Obtainhy" class="filter_item" /><div>灰域探查</div></label>
 
</div>
 
</div>
  
第477行: 第462行:
 
</div></div><BR>
 
</div></div><BR>
 
<script type="text/javascript">
 
<script type="text/javascript">
 +
 
var equipElement = document.querySelectorAll('.equipdata');
 
var equipElement = document.querySelectorAll('.equipdata');
 
equipElement.forEach(function(el,i){el.dataset.nameIngame=el.dataset.nameIngame.replaceAll("_"," ")})
 
equipElement.forEach(function(el,i){el.dataset.nameIngame=el.dataset.nameIngame.replaceAll("_"," ")})
第483行: 第469行:
 
for (var k = 0; k < 1000; k++) { equipTarget[k] = -1; }
 
for (var k = 0; k < 1000; k++) { equipTarget[k] = -1; }
  
/* HG:0 SMG:1 AR:2 RF:3 MG:4 SG:5 */
+
var gunTypeStr = ["特殊配件", "特殊弹匣", "特殊人形"];
 
var gunDollStr = ["HG", "SMG", "AR", "RF", "MG", "SG"];
 
var gunDollStr = ["HG", "SMG", "AR", "RF", "MG", "SG"];
/* 光学瞄具:6 全息瞄具:7 红点瞄具:8 夜战装备:9 消音器:10 特殊:11 */
+
var gunGetStr = ["主线战役", "常驻活动", "限时活动", "排行奖励", "心智升级", "机密商店" , "每月签到", "灰域探查"];
var gunType1Str = ["光学瞄具", "全息瞄具", "红点瞄具", "夜战装备", "消音器", "特殊"];
 
/* 状态弹:12 穿甲弹:13 高速弹:14 霰弹:15 特殊:16 */
 
var gunType2Str = ["状态弹", "穿甲弹", "高速弹", "霰弹", "特殊"];
 
/* 外骨骼:17 伪装披风:18 防弹插板:19 弹链箱:20 芯片:21 特殊:22 */
 
var gunType3Str = ["外骨骼", "伪装披风", "防弹插板", "弹链箱", "芯片", "特殊"];
 
/* 光学瞄具:23 全息瞄具:24 红点瞄具:25 夜战装备:26 消音器:27 特殊:28 */
 
var gunGetStr = ["主线战役", "常驻活动", "限时活动", "排行奖励", "心智升级", "黑市商店" , "每月签到"];
 
  
 
var equipCheckbox = document.querySelectorAll('.filter_item');
 
var equipCheckbox = document.querySelectorAll('.filter_item');
第510行: 第489行:
 
function checkGunDollStr(i) {  //装备枪种
 
function checkGunDollStr(i) {  //装备枪种
 
     for (var j = 0; j < gunDollStr.length; j++) {
 
     for (var j = 0; j < gunDollStr.length; j++) {
         if (equipCheckbox[j].checked == false) continue;
+
         if (equipCheckbox[j + gunTypeStr.length].checked == false) continue;
 
         if (gunDollStr[j] == equipElement[i].getAttribute('data-equip-dolltype')) {
 
         if (gunDollStr[j] == equipElement[i].getAttribute('data-equip-dolltype')) {
 
             checkGunTypeStr(i);
 
             checkGunTypeStr(i);
第519行: 第498行:
  
 
function checkGunTypeStr(i) {  //装备种类
 
function checkGunTypeStr(i) {  //装备种类
    var equipClass1 = equipElement[i].getAttribute('data-equip-class1');
 
 
     var equipClass2 = equipElement[i].getAttribute('data-equip-class2');
 
     var equipClass2 = equipElement[i].getAttribute('data-equip-class2');
     for (var j = 0; j < gunType1Str.length; j++) {
+
     for (var j = 0; j < gunTypeStr.length; j++) {
         if (equipCheckbox[j + gunDollStr.length].checked == false) continue;
+
         if (equipCheckbox[j].checked == false) continue;
         if (equipClass1 == "配件" && equipClass2 == gunType1Str[j]) {
+
         if (equipClass2 == gunTypeStr[j]) {
            checkGunGetStr(i);
 
            return;
 
        }
 
    }
 
    for (var j = 0; j < gunType2Str.length; j++) {
 
        if (equipCheckbox[j + gunDollStr.length + gunType1Str.length].checked == false) continue;
 
        if (equipClass1 == "弹匣" && equipClass2 == gunType2Str[j]) {
 
            checkGunGetStr(i);
 
            return;
 
        }
 
    }
 
    for (var j = 0; j < gunType3Str.length; j++) {
 
        if (equipCheckbox[j + gunDollStr.length + gunType1Str.length + gunType2Str.length].checked == false) continue;
 
       if (equipClass1 == "人形装备" && equipClass2 == gunType3Str[j]) {
 
 
             checkGunGetStr(i);
 
             checkGunGetStr(i);
 
             return;
 
             return;
第546行: 第510行:
 
function checkGunGetStr(i) {    //获得途径
 
function checkGunGetStr(i) {    //获得途径
 
     for (var j = 0; j < gunGetStr.length; j++) {
 
     for (var j = 0; j < gunGetStr.length; j++) {
         if (equipCheckbox[j + gunDollStr.length + gunType1Str.length + gunType2Str.length + gunType3Str.length].checked == false) continue;
+
         if (equipCheckbox[j + gunDollStr.length + gunTypeStr.length].checked == false) continue;
 
         if (equipElement[i].getAttribute('data-obtain') == gunGetStr[j]) {
 
         if (equipElement[i].getAttribute('data-obtain') == gunGetStr[j]) {
 
             equipPrep(i);
 
             equipPrep(i);
第591行: 第555行:
 
     }
 
     }
  
     var output = `<table id="Equiptable" class="stattable ${liteCheck()}" style="text-align:center; mid-width:300px; width:100%;">`;
+
     var output = `<table id="Equiptable" class="dollTable ${liteCheck()}" style="text-align:center; mid-width:300px; width:100%;">`;
 
     output += `<thead><tr><th style="min-width:120px;max-width:120px">装备<\/th><th style="min-width:110px;max-width:110px">图标<\/th><th>类型<\/th><th>伤害<\/th><th>命中<\/th><th>回避<\/th><th>射速<\/th><th>暴击<\/th><th>暴伤<\/th><th>穿甲<\/th><th>护甲<\/th><th>夜视<\/th><th>弹量<\/th><th>移速<\/th><th>效果<\/th><th style="width:110px; text-align:center;">适用人形<\/th><th>获得途径<\/th><\/tr><\/thead>`;
 
     output += `<thead><tr><th style="min-width:120px;max-width:120px">装备<\/th><th style="min-width:110px;max-width:110px">图标<\/th><th>类型<\/th><th>伤害<\/th><th>命中<\/th><th>回避<\/th><th>射速<\/th><th>暴击<\/th><th>暴伤<\/th><th>穿甲<\/th><th>护甲<\/th><th>夜视<\/th><th>弹量<\/th><th>移速<\/th><th>效果<\/th><th style="width:110px; text-align:center;">适用人形<\/th><th>获得途径<\/th><\/tr><\/thead>`;
 
     output += `<tbody id="Equiptbody">` + htmlline + `<\/tbody><\/table>`;
 
     output += `<tbody id="Equiptbody">` + htmlline + `<\/tbody><\/table>`;
第624行: 第588行:
  
 
function toDollName(i) { //Name模板
 
function toDollName(i) { //Name模板
    var dollstr;
 
 
     var thisDoll = equipElement[equipTarget[i]];
 
     var thisDoll = equipElement[equipTarget[i]];
 
+
     let tdolls = [];
     var fontColor = "#EAEAEA";
+
     for (let i = 1; i < 4; i++) {
     var shadowColor = "#EAEAEA";
+
        let tdoll = thisDoll.dataset['equipDollname'+i];
    switch (thisDoll.getAttribute('data-equip-dollstar')) {
+
         if (tdoll !== undefined) tdolls.push(`<a href="/w/${tdoll.replace(' ', '_')}">${tdoll}</a>`);
        case "1": fontColor = "#dfb6ff"; shadowColor = "#dfb6ff"; break;
 
         case "2": fontColor = "#dddddd"; shadowColor = "#dddddd"; break;
 
        case "3": fontColor = "#6BDFCE"; shadowColor = "#6BDFCE"; break;
 
        case "4": fontColor = "#D6E35A"; shadowColor = "#D6E35A"; break;
 
        case "5": fontColor = "#FFCD4A"; shadowColor = "#FFBD0D"; break;
 
        default: break;
 
 
     }
 
     }
 
+
     return tdolls.join(`<br>`);
     dollstr = "<a href=\"http://www.gfwiki.org/w/" + thisDoll.getAttribute('data-equip-dollname1') + "\">"
 
    dollstr += "<span style=\"color:" + fontColor + "; text-shadow: 0px 0px 3px " + shadowColor + "; display:inline-block;\"><small><sup>"
 
    dollstr += thisDoll.getAttribute('data-equip-dolltype') + "<\/sup><\/small>&nbsp;" + thisDoll.getAttribute('data-equip-dollname1') + "<\/span><\/a>"
 
 
 
    if (equipElement[equipTarget[i]].getAttribute('data-equip-dollname2') != false) {
 
        var fontColor2 = "#EAEAEA";
 
        var shadowColor2 = "#EAEAEA";
 
        switch (thisDoll.getAttribute('data-equip-dollstar2')) {
 
            case "1": fontColor2 = "#dfb6ff"; shadowColor2 = "#dfb6ff"; break;
 
            case "2": fontColor2 = "#dddddd"; shadowColor2 = "#dddddd"; break;
 
            case "3": fontColor2 = "#6BDFCE"; shadowColor2 = "#6BDFCE"; break;
 
            case "4": fontColor2 = "#D6E35A"; shadowColor2 = "#D6E35A"; break;
 
            case "5": fontColor2 = "#FFCD4A"; shadowColor2 = "#FFBD0D"; break;
 
            default: break;
 
        }
 
       dollstr += "<br><a href=\"http://www.gfwiki.org/w/" + thisDoll.getAttribute('data-equip-dollname2') + "\">"
 
        dollstr += "<span style=\"color:" + fontColor2 + "; text-shadow: 0px 0px 3px " + shadowColor2 + "; display:inline-block;\"><small><sup>"
 
        dollstr += thisDoll.getAttribute('data-equip-dolltype') + "<\/sup><\/small>&nbsp;" + thisDoll.getAttribute('data-equip-dollname2') + "<\/span><\/a>"
 
    }
 
 
 
    if (equipElement[equipTarget[i]].getAttribute('data-equip-dollname3') != false) {
 
        dollstr += "<br><a href=\"http://www.gfwiki.org/w/" + thisDoll.getAttribute('data-equip-dollname3') + "\">"
 
        dollstr += "<span style=\"color:" + fontColor + "; text-shadow: 0px 0px 3px " + shadowColor + "; display:inline-block;\"><small><sup>"
 
        dollstr += thisDoll.getAttribute('data-equip-dolltype') + "<\/sup><\/small>&nbsp;" + thisDoll.getAttribute('data-equip-dollname3') + "<\/span><\/a>"
 
    }
 
 
 
    return dollstr;
 
 
}
 
}
  

2024年4月13日 (六) 01:34的最新版本