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

更改

跳转至: 导航搜索

Widget:SkinQuery/js

添加8,905字节2021年4月11日 (日) 20:43
更新
<includeonly><script type="text/javascript">(window.RLQ=window.RLQ||[]).push(function(){
var suitElement = document.querySelectorAll('.suitdata');
creat_select();
creat_suit();
creat_anime();
creat_click();
 
function creat_select(){
var html_text = `
<div class="skinbtnbox">
<div class="skinbtn" id="live2d" state="1">Live2D</div>
<div class="skinbtn" id="animated" state="1">Animated</div>
<div class="skinbtn" id="normal" state="1">Normal</div>
</div>
<div class="skinbtnbox">
<div class="skinbtn" id="3card" state="1">3<span class="btntext">黑卡</span></div>
<div class="skinbtn" id="5card" state="1">5<span class="btntext">黑卡</span></div>
<div class="skinbtn" id="8card" state="1">8<span class="btntext">黑卡</span></div>
<div class="skinbtn" id="xcard" state="1"><span class="btntext">其他</span></div>
</div>
<div class="skinbtnbox"><div class="skinbtn" id="allsuit" state="1">显示全部</div></div><br/>
<div class="skinbtnbox">
<div class="skinbtn" id="600change" state="1">600<span class="btntext">兑换券</span></div>
<div class="skinbtn" id="200change" state="1">200<span class="btntext">兑换券</span></div>
<div class="skinbtn" id="100change" state="1">100<span class="btntext">兑换券</span></div>
</div>
<div class="skinbtnbox">
<div class="skinbtn" id="998diamond" state="1">998<span class="btntext">钻石</span></div>
<div class="skinbtn" id="1288diamond" state="1">1288<span class="btntext">钻石</span></div>
<div class="skinbtn" id="1888diamond" state="1">1888<span class="btntext">钻石</span></div>
<div class="skinbtn" id="1888diamond" state="1">1998<span class="btntext">钻石</span></div>
<div class="skinbtn" id="2588diamond" state="1">2588<span class="btntext">钻石</span></div>
</div>
<div class="skinbtnbox"><div class="skinbtn" id="NRMB" state="1">N<span class="btntext">RMB</span></div></div>
<div class="skinbtnbox"><div class="skinbtn" id="othertype" state="1">其他</div></div>
<div id="displaydiv"></div>`;
 
$("#mw-content-text").append(html_text);
 
$(".skinbtn").click(function(){
if($(this).attr("state") == "1"){
$(this).attr("state", "0");
$(this).css({"color":"#eaeaea", "border-style":"dashed", "background-color":"inherit", "padding":"3px 9px", "margin":"5px 1px", "border-width":"1px"});
} else if($(this).attr("state") == "0") {
$(this).attr("state", "1");
$(this).css({"color":"black", "border-style":"double", "background-color":"#ceab42", "padding":"2px 8px", "margin":"4px 0px", "border-width":"3px"});
}
 
if($(this).attr("id") == "allsuit" && $(this).attr("state") == "1"){
let allbtn = document.querySelectorAll(".skinbtn");
for(i in allbtn){
if($(allbtn[i]).attr("state") == "0") {
$(allbtn[i]).attr("state", "1");
$(allbtn[i]).css({"color":"black", "border-style":"double", "background-color":"#ceab42", "padding":"2px 8px", "margin":"4px 0px", "border-width":"3px"});
}
}
creat_suit();
creat_anime();
creat_click();
return;
} else if($(this).attr("id") != "allsuit" && $("#allsuit").attr("state") == "1") {
$("#allsuit").attr("state", "0");
$("#allsuit").css({"color":"#eaeaea", "border-style":"dashed", "background-color":"inherit", "padding":"3px 9px", "margin":"5px 1px", "border-width":"1px"});
}
 
creat_skin();
creat_anime();
creat_click();
});
}
 
function creat_skin(){
let _live2d_state = $("#live2d").attr("state");
let _animated_state = $("#animated").attr("state");
let _normal_state = $("#normal").attr("state");
let _3card_state = $("#3card").attr("state");
let _5card_state = $("#5card").attr("state");
let _8card_state = $("#8card").attr("state");
let _600change_state = $("#600change").attr("state");
let _200change_state = $("#200change").attr("state");
let _100change_state = $("#100change").attr("state");
let _998diamond_state = $("#998diamond").attr("state");
let _1288diamond_state = $("#1288diamond").attr("state");
let _1888diamond_state = $("#1888diamond").attr("state");
let _1998diamond_state = $("#1998diamond").attr("state");
let _2588diamond_state = $("#2588diamond").attr("state");
let _NRMB_state = $("#NRMB").attr("state");
let _othertype_state = $("#othertype").attr("state");
let count = 0;
let html_text = ``;
 
for(let i = 0; i < suitElement.length; i++){
for(let j = 0 ; j < 12; j++){
if(!$(suitElement[i]).attr("data-num" + String(j))) continue;
 
let this_anime = $(suitElement[i]).attr("data-anime" + String(j));
if(!this_anime) this_anime = "Normal";
if(this_anime == "Live2D" && _live2d_state == "0") continue;
if(this_anime == "Animated" && _animated_state == "0") continue;
if(this_anime == "Normal" && _normal_state == "0") continue;
 
let this_card = $(suitElement[i]).attr("data-bcard" + String(j));
if(this_card == "3" && _3card_state == "0") continue;
if(this_card == "5" && _5card_state == "0") continue;
if(this_card == "8" && _8card_state == "0") continue;
 
let this_type = $(suitElement[i]).attr("data-gain" + String(j));
let this_item = $(suitElement[i]).attr("data-item" + String(j));
if(this_type == "采购" && this_item == "600" && _600change_state == "0") continue;
if(this_type == "采购" && this_item == "200" && _200change_state == "0") continue;
if(this_type == "采购" && this_item == "100" && _100change_state == "0") continue;
if(this_type == "钻石" && this_item == "998" && _998diamond_state == "0") continue;
if(this_type == "钻石" && this_item == "1288" && _1288diamond_state == "0") continue;
if(this_type == "钻石" && this_item == "1888" && _1888diamond_state == "0") continue;
if(this_type == "钻石" && this_item == "1998" && _1998diamond_state == "0") continue;
if(this_type == "钻石" && this_item == "2588" && _2588diamond_state == "0") continue;
if(this_type == "RMB" && _NRMB_state == "0") continue;
if(this_type == "其他" && _othertype_state == "0") continue;
 
if(count % 8 == 0) html_text += `<br/>`;
 
let bcard_class = "cardgrey";
switch($(suitElement[i]).attr("data-bcard" + String(j))){
case "3" : bcard_class = "cardblue"; break;
case "5" : bcard_class = "cardgreen"; break;
case "8" : bcard_class = "cardorange"; break;
default : bcard_class = "cardgrey";
}
 
let item_class = "itemgrey";
let gain_text = `<div class="skingain `;
switch($(suitElement[i]).attr("data-gain" + String(j))){
case "采购" : gain_text += `itemwhite">采购</div>`; item_class = "itemwhite"; break;
case "钻石" : gain_text += `itemblue">钻石</div>`; item_class = "itemblue"; break;
case "RMB" : gain_text += `itemred">RMB</div>`; item_class = "itemred"; break;
case "其他" : gain_text += `itemgrey">其他</div>`; item_class = "itemgrey"; break;
default : gain_text += `itemgrey">error</div>`;
}
 
let anime_text = "";
switch($(suitElement[i]).attr("data-anime" + String(j))){
case "Live2D" : anime_text = `Live2D`; break;
case "Animated" : anime_text = `Animated`; break;
default : anime_text = ""; break;
}
 
html_text += `<div class="oneskin ` + bcard_class + `">
<div class="skinpicndiv" data-dollname="` + $(suitElement[i]).attr("data-doll" + String(j)) + `">
<img class="skinpicn" src="` + $(suitElement[i]).attr("data-picn" + String(j)) + `" /></div>
<div class="skintext">
<div class="skindoll">` + $(suitElement[i]).attr("data-doll" + String(j)) + `</div>
<div class="skinname">` + $(suitElement[i]).attr("data-name" + String(j)) + `</div>
<div class="skinbcard">` + $(suitElement[i]).attr("data-bcard" + String(j)) + `</div>
` + gain_text + `
<div class="skinitem ` + item_class + `">` + $(suitElement[i]).attr("data-item" + String(j)) + `</div>
` + ((anime_text) ? `<div class="skinanime">` + anime_text + `</div>` : ``) + `
</div>
</div>`;
 
count ++;
}
}
 
$("#displaydiv").html(html_text);
}
function creat_suit(){
}
$("#mw-content-textdisplaydiv").appendhtml(html_text);
}
24,691
个编辑

导航菜单