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

“Widget:SkinQuery/js”的版本间的差异

来自少前百科GFwiki
跳转至： 导航、 搜索
（更新）
（更新）
第1行： 第1行：
 
<includeonly><script type="text/javascript">(window.RLQ=window.RLQ||[]).push(function(){
 
<includeonly><script type="text/javascript">(window.RLQ=window.RLQ||[]).push(function(){
 
var suitElement = document.querySelectorAll('.suitdata');
 
var suitElement = document.querySelectorAll('.suitdata');
 +
creat_select();
 
creat_suit();
 
creat_suit();
 
creat_anime();
 
creat_anime();
 
creat_click();
 
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(){
 
function creat_suit(){
第53行： 第215行：
 
     }
 
     }
  
−
     $("#mw-content-text").append(html_text);
+
     $("#displaydiv").html(html_text);
 
}
 
}
  

2021年4月11日 (日) 20:43的版本

取自“https://www.gfwiki.org/index.php?title=Widget:SkinQuery/js&oldid=69155”