◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“Widget:子页面列表”的版本间的差异
Mikumikuer(讨论 | 贡献) |
|||
(未显示2个用户的18个中间版本) | |||
第6行: | 第6行: | ||
#firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list a:hover ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list a:hover {color:#fff;} | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list a:hover ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list a:hover {color:#fff;} | ||
#firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list a:visited ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list a:visited {color:#eaeaea;} | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list a:visited ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list a:visited {color:#eaeaea;} | ||
− | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list a ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list a {cursor: pointer;color:#eaeaea;text-decoration: none;display: block;font-size:10pt;line-height:15px;width: auto;word-break: keep-all;padding: 10px 10px 5px 10px !important;} | + | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list a ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list a {cursor: pointer;color:#eaeaea;text-decoration: none;display: block;font-size:10pt;line-height:15px;width: auto;word-break: keep-all;padding: 10px 10px 5px 10px !important;white-space: nowrap;} |
#firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list li.active ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list li.active {background-image: linear-gradient(-45deg ,#f4c430 5px ,transparent 5px);font-weight:bold;} | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list li.active ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list li.active {background-image: linear-gradient(-45deg ,#f4c430 5px ,transparent 5px);font-weight:bold;} | ||
#firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list li.active a ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list li.active a {color:#f4c430 !important;} | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list li.active a ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list li.active a {color:#f4c430 !important;} | ||
第17行: | 第17行: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
/* 子页面列表 */ | /* 子页面列表 */ | ||
+ | RLQ.push(function(){ | ||
function sublist(pagename,mainpage,exclude){ | function sublist(pagename,mainpage,exclude){ | ||
+ | var is_mobile=document.getElementById('section_0'); | ||
var a=document.querySelectorAll("#section_0"); | var a=document.querySelectorAll("#section_0"); | ||
if (!a.length){var headername = "#firstHeading";} | if (!a.length){var headername = "#firstHeading";} | ||
第26行: | 第28行: | ||
$("ul.mw-prefixindex-list").prependTo($("#subnavbox")); | $("ul.mw-prefixindex-list").prependTo($("#subnavbox")); | ||
}; | }; | ||
− | var subnav = "\<p\>分页导航 \<i class\=\'fa-angle-right fas\ nodesktop' style\=\'font-size: | + | var subnav = "\<p\>分页导航 \<i class\=\'fa-angle-right fas\ nodesktop' style\=\'font-size:25px;vertical-align:bottom;line-height:28px;margin-left:10px\'\>\<\/i\>\<i class\=\'fa-angle-down fas\ nomobile' style\=\'font-size:20px;vertical-align:bottom\'\>\<\/i\>\<\/p\>"; |
var firstList = "\<li\>\<a href\=\'\/index.php\?title\="+mainpage+"' title\=\'"+mainpage+"\' \>"+mainpage+"\<\/a\>\<\/li\>"; | var firstList = "\<li\>\<a href\=\'\/index.php\?title\="+mainpage+"' title\=\'"+mainpage+"\' \>"+mainpage+"\<\/a\>\<\/li\>"; | ||
var current = pagename; | var current = pagename; | ||
− | $('div.mw-prefixindex-body'). | + | var headerelem = $(headername)[0]; |
+ | headerelem.insertBefore($('div.mw-prefixindex-body')[0], [...headerelem.childNodes].find(e => e.nodeType == 3).nextSibling); | ||
$(headername + '\> div.mw-prefixindex-body').css('display','inline-block'); | $(headername + '\> div.mw-prefixindex-body').css('display','inline-block'); | ||
$(firstList).prependTo($(headername+"\> div.mw-prefixindex-body ul")); | $(firstList).prependTo($(headername+"\> div.mw-prefixindex-body ul")); | ||
第51行: | 第54行: | ||
var wd= a.length * 30; | var wd= a.length * 30; | ||
var tr= a.length * 0.05; | var tr= a.length * 0.05; | ||
− | addCssRule(headername + ' > div.mw-prefixindex-body:hover ul.mw-prefixindex-list', 'height:' + wd + 'px;'); //自定义函数,位于head内 用法 addCssRule (selector ,style ,index);index为插入顺序 同一元素较后的覆盖前面的 | + | if (!!is_mobile){ |
− | + | if (a.length>9){ | |
+ | addCssRule(headername + ' > div.mw-prefixindex-body:hover ul.mw-prefixindex-list', 'height:270px;overflow-y:scroll;'); //移动端大于九项时,滚动显示 | ||
+ | addCssRule(headername + ' > div.mw-prefixindex-body > ul', 'transition:all 0.45s ease-in-out'); | ||
+ | } else { | ||
+ | addCssRule(headername + ' > div.mw-prefixindex-body:hover ul.mw-prefixindex-list', 'height:' + wd + 'px;'); | ||
+ | addCssRule(headername + ' > div.mw-prefixindex-body > ul', 'transition:all ' + tr + 's ease-in-out'); | ||
+ | } | ||
+ | |||
+ | } else { | ||
+ | addCssRule(headername + ' > div.mw-prefixindex-body:hover ul.mw-prefixindex-list', 'height:' + wd + 'px;'); //自定义函数,位于head内 用法 addCssRule (selector ,style ,index);index为插入顺序 同一元素较后的覆盖前面的 | ||
+ | addCssRule(headername + ' > div.mw-prefixindex-body > ul', 'transition:all ' + tr + 's ease-in-out'); | ||
+ | } | ||
+ | |||
}; | }; | ||
− | $(sublist("<!--{$pagename}-->","<!--{$mainpage}-->",<!--{$exclude}-->)); | + | if($("ul.mw-prefixindex-list li").length>0){$(sublist("<!--{$pagename}-->","<!--{$mainpage}-->",<!--{$exclude}-->));} |
+ | <!--{if ($sortNum)>0}--> | ||
+ | var chnNumChar = {零:0,一:1,二:2,三:3,四:4,五:5,六:6,七:7,八:8,九:9}; | ||
+ | var chnNameValue = {十:{value:10, secUnit:false},百:{value:100, secUnit:false},千:{value:1000, secUnit:false},万:{value:10000, secUnit:true},亿:{value:100000000, secUnit:true}} | ||
+ | function ChineseToNumber(chnStr){ | ||
+ | var rtn = 0; | ||
+ | var section = 0; | ||
+ | var number = 0; | ||
+ | var secUnit = false; | ||
+ | var Cstr = chnStr.split(''); | ||
+ | var str=[]; | ||
+ | for(var i = 0; i < Cstr.length;i++){if(chnNumChar.hasOwnProperty(Cstr[i])||chnNameValue.hasOwnProperty(Cstr[i])){str.push(Cstr[i])}} | ||
+ | |||
+ | for(var i = 0; i < str.length; i++){ | ||
+ | var num = chnNumChar[str[i]]; | ||
+ | if(typeof num !== 'undefined'){ | ||
+ | number = num; | ||
+ | if(i === str.length - 1){ | ||
+ | section += number; | ||
+ | } | ||
+ | }else{ | ||
+ | var unit = chnNameValue[str[i]].value; | ||
+ | secUnit = chnNameValue[str[i]].secUnit; | ||
+ | if(secUnit){ | ||
+ | section = (section + number) * unit; | ||
+ | rtn += section; | ||
+ | section = 0; | ||
+ | }else{ | ||
+ | if(!number){number=1};section += (number * unit); | ||
+ | } | ||
+ | number = 0; | ||
+ | } | ||
+ | } | ||
+ | return rtn + section; | ||
+ | } | ||
+ | var title = document.querySelectorAll("#subnavbar li"); | ||
+ | var sorter = Array.prototype.slice.call(title, 0); | ||
+ | sorter.sort(function(a,b) { | ||
+ | var aCat = a.querySelector("li>a").innerText.split(":"); | ||
+ | var bCat = b.querySelector("li>a").innerText.split(":"); | ||
+ | if (ChineseToNumber(aCat[0]) > ChineseToNumber(bCat[0])) return 1; | ||
+ | if (ChineseToNumber(aCat[0]) < ChineseToNumber(bCat[0])) return -1; | ||
+ | return 0; | ||
+ | }) | ||
+ | var sorted = ""; | ||
+ | if($("ul.mw-prefixindex-list li").length>0){for(var i = 0;i<sorter.length;i++){sorted+=sorter[i].outerHTML};document.querySelector("#subnavbar").innerHTML = sorted;} | ||
+ | <!--{/if}--> | ||
+ | }) | ||
</script> | </script> | ||
</includeonly> | </includeonly> | ||
<noinclude><nowiki>{{#Widget:子页面列表|mainpage=Widget:子页面列表|subpage1=测试|subcount=1|active=0}}</nowiki></noinclude> | <noinclude><nowiki>{{#Widget:子页面列表|mainpage=Widget:子页面列表|subpage1=测试|subcount=1|active=0}}</nowiki></noinclude> |
2023年6月6日 (二) 00:09的最新版本
{{#Widget:子页面列表|mainpage=Widget:子页面列表|subpage1=测试|subcount=1|active=0}}