15,038
个编辑
更改
小
人形头像使用相对路径
align-content: center;
justify-content: flex-start;
align-items: centerstretch;
background:transparent;
width:100%;
table#Tdolltable.cardMode thead {display:none}
table#Tdolltable.cardMode > tbody > tr {
flex: 1 1 340px310px;
grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 1fr;
grid-template-rows: initial;
margin: 2px;
padding: 1px;
border: 1px 2px double;
border-image: url(/images/vectorize_border/BORDER_BIG.svg);
border-image-slice: 10 fill;
border-image-width: 10px;
background-clip: content-box;
min-width:330px290px;
}
table#Tdolltable.cardMode > tbody > tr > td:nth-child(12) div {margin:4px}
table#Tdolltable.cardMode > tbody > tr > td:nth-child(13) {grid-column: auto/span 6;min-height: 4rem;background-image: linear-gradient(315deg,transparent 5px4px, rgba(119,119,119,0.33) 6px5px);background-color: transparent !important;}
table#Tdolltable.cardMode > tbody > tr > td:nth-child(13)::before {content:"获得方式\A";white-space:pre;font-weight:bold;color:#f4c430}
#miniTdolltable div.TDavatar {width:20%;height:20%}
}
#Tdolltable > tbody > tr > td.tiles >div {display: grid;grid-template-columns: 50% 1fr;width: 100%;word-break: keep-all;}
td.tiles table {
margin:auto;
<label><input type="radio" id="sortProtime" name="sort"><div>建造时间</div></label>
</div>
<div id="page-info-div" style="display: block;position: relative;"><a idclass="PrevPage" href="javascript:void(0);" style="visibility: hidden;float: left;">◀上一页</a><span id="per-page-span">每页<select idclass="per-page" style="background: white;"><option>50</option><option>100</option><option>200</option><option>500</option></select></span><span idclass="resultBox" style="position: absolute;width: 100%;text-align: center;left: 0px;pointer-events: none;">数据载入中，请稍后</span><span style="position:absolute;right:16%;">第<select idclass="cur-page" style="background: white;"></select>页</span><a idclass="NextPage" href="javascript:void(0);" style="visibility: visible;float: right;">下一页▶</a></div>
<div id="position-marker"></div>
<div id="page-info-div" style="display: block;position: relative;"><a class="PrevPage" href="javascript:void(0);" style="visibility: hidden;float: left;">◀上一页</a>
<span id="per-page-span">每页<select class="per-page" style="background: white;"><option>50</option><option>100</option><option>200</option><option>500</option></select></span>
<span class="resultBox" style="position: absolute;width: 100%;text-align: center;left: 0px;pointer-events: none;">数据载入中，请稍后</span>
<span style="position:absolute;right:16%;">第<select class="cur-page" style="background: white;"></select>页</span>
<a class="NextPage" href="javascript:void(0);" style="visibility: visible;float: right;">下一页▶</a></div>
</div><BR><script type="text/javascript">(window.RLQ=window.RLQ||[]).push(function(){
window.DollsData = new Array; $(".dolldata").each( function (index, element){ var o = new Object(); for (var k in element.dataset){ if(k!="artist"){o[k] = element.dataset[k]} } window.DollsData.push(o); element.remove(); })//获取数据
var inputer = document.getElementById("buttonContainer").getElementsByTagName("input")
var baseurl = "\/w\/TDL"
const typeIcons = {'手枪': 'd/dd', '冲锋枪': 'b/b4', '步枪': '2/25', '突击步枪': 'b/b5', '机枪': 'b/b4', '霰弹枪': '9/99'};
var debounce = function(idle, action){ //去抖函数 文本框使用
};}
var pages;
switch($('#.per-page')[0].prop("selectedIndex")){
case 0:pages = Math.ceil(pushlist.length/50);break;
case 1:pages = Math.ceil(pushlist.length/100);break;
case 3:pages = Math.ceil(pushlist.length/500);break;
}
if (pages == 1) {$("#.PrevPage,#.NextPage").css('visibility',"hidden")}else{$("#.PrevPage").css('visibility',"hidden");$("#.NextPage").css('visibility',"visible")} if(pages != 0){$("#.cur-page option").remove();for (var i = 0; i < pages; i++) {$('#.cur-page').append(`\<option\>${i+1}\<\/option\>`)};}else{$("#.cur-page option").remove();$('#.cur-page').append(`\<option\>1\<\/option\>`);}
// $('.cur-page option')[0].selected = true; let opts = $('#.cur-page option'); let len = opts.length; opts[0].selected = true; opts[len/2].selected = true; document.getElementById$(".resultBox").innerHTML = text(`共${pushlist.length}个`);
if (pushlist.length == 0) {$("#position-marker").html(emptydiv);return pushlist}
page_switch();
var splitList = new Array();
var len;
switch($('#.per-page')[0].prop("selectedIndex")){
case 0:len=50;break;
case 1:len=100;break;
case 3:len=500;break;
}
var cPage = $("#.cur-page")[0].prop("selectedIndex");
for (var i = 0; i < len; i++) {
if(!pushlist[i+cPage*len]){break}else{splitList.push(pushlist[i+cPage*len])}
function change_page(obj){
var cSel = $("#.cur-page")[0].prop("selectedIndex"); if(obj.idclassName=="NextPage"){cSel++}else if(obj.idclassName=="PrevPage"){cSel--} let len = $(".cur-page option").length; $("#.cur-page option")[cSel].selected = true; var cLen = $("#.cur-page option")[cSel+len/2].lengthselected = true; var cLen = len/2-1;
switch(cSel){
case 0:$("#.PrevPage").css('visibility',"hidden");$("#.NextPage").css('visibility',"visible");break; case cLen:$("#.PrevPage").css('visibility',"visible");$("#.NextPage").css('visibility',"hidden");break; default:$("#.PrevPage,#.NextPage").css('visibility',"visible");break;
}
page_switch();
}
$("#.PrevPage,#.NextPage").on("click",function(){change_page(this)});$("#.cur-page").on("change",function(){$(".cur-page").prop("selectedIndex", this.selectedIndex);change_page(this)});$("#.per-page").on("change",function(){$(".per-page").prop("selectedIndex", this.selectedIndex);apply_filter()});
function debug_marker(key,data){
if (ministat.checked==true){//小图标模式
for (var i in pushdata) {
let avatarurl = new URL(pushdata[i][mod_key('avatar', pushdata[i])]);
if(mod_key("mod",pushdata[i])){var url_hash = pushdata[i].url+"#MOD3"}else{var url_hash = pushdata[i].url}
var line = `\<div class\="TDavatar rare${pushdata[i][mod_key("rarity",pushdata[i])]}" style=""\>\<a href\="${url_hash}" title="${pushdata[i].nameIngame}"\>\<img alt="${pushdata[i].nameIngame}" src="${pushdata[i][mod_key("avatar",pushdata[i])]avatarurl.pathname}" width="100" height="100" \>\<\/a\>\<\/div\>`
htmlLine += line;
}
} else {// 表格模式
for (var i in pushdata) {
let avatarurl = new URL(pushdata[i][mod_key('avatar', pushdata[i])]);
if(mod_key("mod",pushdata[i])){var tileCond = tileDiff(pushdata[i])}else{var tileCond = pushdata[i].tiles.split(",")};
if(!pushdata[i].tileEffect2){var tile_effects = `${pushdata[i].tileEffect1} \+${pushdata[i][mod_key("Effect1",pushdata[i])]}`}else{var tile_effects = `${pushdata[i].tileEffect1} \+${pushdata[i][mod_key("Effect1",pushdata[i])]}<BR>${pushdata[i].tileEffect2} \+${pushdata[i][mod_key("Effect2",pushdata[i])]}`}
<td>No.${pushdata[i].id}<\/td>
<td><b><a href="${url_hash}" title="${pushdata[i].nameIngame}">${pushdata[i].nameIngame}<\/a><\/b><\/td>
<td ${debug_marker("e3",pushdata[i])}><div class="TDavatar rare${pushdata[i][mod_key("rarity",pushdata[i])]}"><a href="${url_hash}" title="${pushdata[i].nameIngame}"><img alt="${pushdata[i].nameIngame}" src="${pushdata[i][mod_key("avatar",pushdata[i])]avatarurl.pathname}" width="100" height="100"><\/a><\/div><\/td><td><a href="#${pushdata[i].tdollClass}" title="点击筛选${pushdata[i].type}人形"><img alt="点击筛选${pushdata[i].type}人形" src="/images/${typeIcons[pushdata[i].type]}/图标-${pushdata[i].typeImgtype}.png" width="48" height="27"><\/a><br>${pushdata[i].type}<\/td>
<td ${debug_marker("e5",pushdata[i])}>${pushdata[i][mod_key("Hp",pushdata[i])]}<br>（${pushdata[i][mod_key("Hp",pushdata[i])] * 5}）<\/td><td ${debug_marker("e6",pushdata[i])}>${pushdata[i][mod_key("Atk",pushdata[i])]}<\/td><td ${debug_marker("e7",pushdata[i])}>${pushdata[i][mod_key("Rate",pushdata[i])]}<\/td><td ${debug_marker("e8",pushdata[i])}>${pushdata[i][mod_key("Acc",pushdata[i])]}<\/td><td ${debug_marker("e9",pushdata[i])}>${pushdata[i][mod_key("Eva",pushdata[i])]}<\/td><td ${debug_marker("e10",pushdata[i])}>${pushdata[i][mod_key("Armor",pushdata[i])]}<\/td><td ${debug_marker("e11",pushdata[i])}>${pushdata[i].productionTime}
<\/td><td class="tiles" ${debug_marker("e13",pushdata[i])}><div><div>${pushdata[i][mod_key("affect",pushdata[i])]}<br>${tile_effects}<\/div><table class="tilesTable"><tbody>