◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“Widget:Tdollquery2”的版本间的差异
Mikumikuer(讨论 | 贡献) |
小 (人形头像使用相对路径) |
||
(未显示2个用户的8个中间版本) | |||
第8行: | 第8行: | ||
align-content: center; | align-content: center; | ||
justify-content: flex-start; | justify-content: flex-start; | ||
− | align-items: | + | align-items: stretch; |
background:transparent; | background:transparent; | ||
width:100%; | width:100%; | ||
第14行: | 第14行: | ||
table#Tdolltable.cardMode thead {display:none} | table#Tdolltable.cardMode thead {display:none} | ||
table#Tdolltable.cardMode > tbody > tr { | table#Tdolltable.cardMode > tbody > tr { | ||
− | flex: 1 1 | + | flex: 1 1 310px; |
grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 1fr; | grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 1fr; | ||
grid-template-rows: initial; | grid-template-rows: initial; | ||
第29行: | 第29行: | ||
border-image-width: 10px; | border-image-width: 10px; | ||
background-clip: content-box; | background-clip: content-box; | ||
− | min-width: | + | min-width:290px; |
} | } | ||
第252行: | 第252行: | ||
#miniTdolltable div.TDavatar {width:20%;height:20%} | #miniTdolltable div.TDavatar {width:20%;height:20%} | ||
} | } | ||
− | #Tdolltable > tbody > tr > td.tiles >div {display: grid;grid-template-columns: 50% 1fr;width: 100%;} | + | #Tdolltable > tbody > tr > td.tiles >div {display: grid;grid-template-columns: 50% 1fr;width: 100%;word-break: keep-all;} |
td.tiles table { | td.tiles table { | ||
margin:auto; | margin:auto; | ||
第492行: | 第492行: | ||
<label><input type="radio" id="sortProtime" name="sort"><div>建造时间</div></label> | <label><input type="radio" id="sortProtime" name="sort"><div>建造时间</div></label> | ||
</div> | </div> | ||
− | <div id="page-info-div" style="display: block;position: relative;"><a | + | <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 | + | <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 | + | <span class="resultBox" style="position: absolute;width: 100%;text-align: center;left: 0px;pointer-events: none;">数据载入中,请稍后</span> |
− | <span style="position:absolute;right:16%;">第<select | + | <span style="position:absolute;right:16%;">第<select class="cur-page" style="background: white;"></select>页</span> |
− | <a | + | <a class="NextPage" href="javascript:void(0);" style="visibility: visible;float: right;">下一页▶</a></div> |
<div id="position-marker"></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(){ | </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(); })//获取数据 | 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(); })//获取数据 | ||
第510行: | 第515行: | ||
var inputer = document.getElementById("buttonContainer").getElementsByTagName("input") | var inputer = document.getElementById("buttonContainer").getElementsByTagName("input") | ||
var baseurl = "\/w\/TDL" | var baseurl = "\/w\/TDL" | ||
+ | |||
+ | const typeIcons = {'手枪': 'd/dd', '冲锋枪': 'b/b4', '步枪': '2/25', '突击步枪': 'b/b5', '机枪': 'b/b4', '霰弹枪': '9/99'}; | ||
var debounce = function(idle, action){ //去抖函数 文本框使用 | var debounce = function(idle, action){ //去抖函数 文本框使用 | ||
第608行: | 第615行: | ||
};} | };} | ||
var pages; | var pages; | ||
− | switch($(' | + | switch($('.per-page')[0].selectedIndex){ |
case 0:pages = Math.ceil(pushlist.length/50);break; | case 0:pages = Math.ceil(pushlist.length/50);break; | ||
case 1:pages = Math.ceil(pushlist.length/100);break; | case 1:pages = Math.ceil(pushlist.length/100);break; | ||
第614行: | 第621行: | ||
case 3:pages = Math.ceil(pushlist.length/500);break; | case 3:pages = Math.ceil(pushlist.length/500);break; | ||
} | } | ||
− | if (pages == 1) {$(" | + | if (pages == 1) {$(".PrevPage,.NextPage").css('visibility',"hidden")}else{$(".PrevPage").css('visibility',"hidden");$(".NextPage").css('visibility',"visible")} |
− | if(pages != 0){$(" | + | 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; | |
+ | $(".resultBox").text(`共${pushlist.length}个`); | ||
if (pushlist.length == 0) {$("#position-marker").html(emptydiv);return pushlist} | if (pushlist.length == 0) {$("#position-marker").html(emptydiv);return pushlist} | ||
page_switch(); | page_switch(); | ||
第628行: | 第636行: | ||
var splitList = new Array(); | var splitList = new Array(); | ||
var len; | var len; | ||
− | switch($(' | + | switch($('.per-page')[0].selectedIndex){ |
case 0:len=50;break; | case 0:len=50;break; | ||
case 1:len=100;break; | case 1:len=100;break; | ||
第634行: | 第642行: | ||
case 3:len=500;break; | case 3:len=500;break; | ||
} | } | ||
− | var cPage = $(" | + | var cPage = $(".cur-page")[0].selectedIndex; |
for (var i = 0; i < len; i++) { | for (var i = 0; i < len; i++) { | ||
if(!pushlist[i+cPage*len]){break}else{splitList.push(pushlist[i+cPage*len])} | if(!pushlist[i+cPage*len]){break}else{splitList.push(pushlist[i+cPage*len])} | ||
第643行: | 第651行: | ||
function change_page(obj){ | function change_page(obj){ | ||
− | var cSel = $(" | + | var cSel = $(".cur-page")[0].selectedIndex; |
− | if(obj. | + | if(obj.className=="NextPage"){cSel++}else if(obj.className=="PrevPage"){cSel--} |
− | $(" | + | let len = $(".cur-page option").length; |
− | + | $(".cur-page option")[cSel].selected = true; | |
+ | $(".cur-page option")[cSel+len/2].selected = true; | ||
+ | var cLen = len/2-1; | ||
switch(cSel){ | switch(cSel){ | ||
− | case 0:$(" | + | case 0:$(".PrevPage").css('visibility',"hidden");$(".NextPage").css('visibility',"visible");break; |
− | case cLen:$(" | + | case cLen:$(".PrevPage").css('visibility',"visible");$(".NextPage").css('visibility',"hidden");break; |
− | default:$(" | + | default:$(".PrevPage,.NextPage").css('visibility',"visible");break; |
} | } | ||
page_switch(); | 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){ | function debug_marker(key,data){ | ||
第706行: | 第716行: | ||
if (ministat.checked==true){//小图标模式 | if (ministat.checked==true){//小图标模式 | ||
for (var i in pushdata) { | 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} | 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="${ | + | 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="${avatarurl.pathname}" width="100" height="100" \>\<\/a\>\<\/div\>` |
htmlLine += line; | htmlLine += line; | ||
} | } | ||
第713行: | 第724行: | ||
} else {// 表格模式 | } else {// 表格模式 | ||
for (var i in pushdata) { | 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(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])]}`} | 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])]}`} | ||
第719行: | 第731行: | ||
<td>No.${pushdata[i].id}<\/td> | <td>No.${pushdata[i].id}<\/td> | ||
<td><b><a href="${url_hash}" title="${pushdata[i].nameIngame}">${pushdata[i].nameIngame}<\/a><\/b><\/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="${ | + | <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="${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="${pushdata[i]. | + | <td><a href="#${pushdata[i].tdollClass}" title="点击筛选${pushdata[i].type}人形"><img alt="点击筛选${pushdata[i].type}人形" src="/images/${typeIcons[pushdata[i].type]}/图标-${pushdata[i].type}.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 ${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> | <\/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> |