◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“Widget:子页面列表”的版本间的差异
Mikumikuer(讨论 | 贡献) |
|||
(未显示2个用户的36个中间版本) | |||
第1行: | 第1行: | ||
<includeonly> | <includeonly> | ||
− | + | <style type="text/css"> | |
− | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list {z-index:100;height:0px;min-width: 98px;border-left: 2px solid #f4c430;display: inline-block;background:#333;position:absolute;margin: 0;padding: 0;overflow: hidden;} | + | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list {z-index:100;height:0px;min-width: 98px;border-left: 2px solid #f4c430;display: inline-block;background:#333;position:absolute;margin: 0;padding: 0;overflow: hidden;} |
− | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list li {position: relative;padding: 0;font-size:10px;line-height:15px;display: table;width: 100%;margin: 0px;} | + | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list li ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list li {position: relative;padding: 0;font-size:10px;line-height:15px;display: table;width: 100%;margin: 0px;} |
− | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list li:hover {background-color: #555;color:white;transition:all 0.1s ease-in-out} | + | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list li:hover ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list li:hover {background-color: #555;color:white;transition:all 0.1s ease-in-out} |
− | #firstHeading > 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 {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 {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 {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 {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;} |
− | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list span {float:left;} | + | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list span ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list span {float:left;} |
− | #firstHeading > div.mw-prefixindex-body {display: inline-block;position: relative;margin-left: 0.3em;vertical-align: text-bottom;width: 100px;} | + | #firstHeading > div.mw-prefixindex-body ,#section_0 > div.mw-prefixindex-body {display: inline-block;position: relative;margin-left: 0.3em;vertical-align: text-bottom;width: 100px;} |
− | #firstHeading > div.mw-prefixindex-body p {color: #333;cursor: default;display: table;font-size: 15px;background-image: linear-gradient(-45deg, transparent 5px, #f4c430 5px);padding: 1px 7px 1px 5px;margin: 0px 0px 0.5em 0px;border-radius: 2px;} | + | #firstHeading > div.mw-prefixindex-body p ,#section_0 > div.mw-prefixindex-body p {color: #333;cursor: default;display: table;font-size: 15px;background-image: linear-gradient(-45deg, transparent 5px, #f4c430 5px);padding: 1px 7px 1px 5px;margin: 0px 0px 0.5em 0px;border-radius: 2px;} |
− | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list li:hover::after {border-left: 5px solid #f4c430} | + | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list li:hover::after ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list li:hover::after {border-left: 5px solid #f4c430} |
− | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list li::after {left: 0px;top: 12px;position: absolute;content: '';border-left: 0px solid transparent;;border-top: 5px solid transparent;border-bottom: 5px solid transparent;width: 10px;transition:all 0.1s ease-in-out} | + | #firstHeading > div.mw-prefixindex-body > ul.mw-prefixindex-list li::after ,#section_0 > div.mw-prefixindex-body > ul.mw-prefixindex-list li::after {left: 0px;top: 12px;position: absolute;content: '';border-left: 0px solid transparent;;border-top: 5px solid transparent;border-bottom: 5px solid transparent;width: 10px;transition:all 0.1s ease-in-out} |
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
+ | /* 子页面列表 */ | ||
+ | RLQ.push(function(){ | ||
+ | function sublist(pagename,mainpage,exclude){ | ||
+ | var is_mobile=document.getElementById('section_0'); | ||
+ | var a=document.querySelectorAll("#section_0"); | ||
+ | if (!a.length){var headername = "#firstHeading";} | ||
+ | else {var headername = "#section_0";} | ||
var get1 = $("ul.mw-prefixindex-list li").length; | var get1 = $("ul.mw-prefixindex-list li").length; | ||
if (get1 < 3) { | if (get1 < 3) { | ||
− | $("<div class='mw-prefixindex-body' id='subnavbox'></div>").prependTo($( | + | $("\<div class\=\'mw-prefixindex-body\' id\=\'subnavbox\'\>\<\/div\>").prependTo($(headername)); |
$("ul.mw-prefixindex-list").prependTo($("#subnavbox")); | $("ul.mw-prefixindex-list").prependTo($("#subnavbox")); | ||
}; | }; | ||
− | var | + | 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\>"; |
− | $('div.mw-prefixindex-body'). | + | var firstList = "\<li\>\<a href\=\'\/index.php\?title\="+mainpage+"' title\=\'"+mainpage+"\' \>"+mainpage+"\<\/a\>\<\/li\>"; |
− | $(' | + | var current = pagename; |
− | $( | + | var headerelem = $(headername)[0]; |
− | $( | + | headerelem.insertBefore($('div.mw-prefixindex-body')[0], [...headerelem.childNodes].find(e => e.nodeType == 3).nextSibling); |
− | var a = document.querySelectorAll(' | + | $(headername + '\> div.mw-prefixindex-body').css('display','inline-block'); |
− | var b = document.querySelectorAll(' | + | $(firstList).prependTo($(headername+"\> div.mw-prefixindex-body ul")); |
− | $(' | + | $(subnav).prependTo($(headername + "\> div.mw-prefixindex-body")); |
+ | var a = document.querySelectorAll(headername + '\> div.mw-prefixindex-body > ul a'); | ||
+ | var b = document.querySelectorAll(headername + '\> div.mw-prefixindex-body > ul li'); | ||
+ | $(headername + '\> div.mw-prefixindex-body ul.mw-prefixindex-list').attr("id","subnavbar") | ||
for (var i = 0; i < a.length; i++) { | for (var i = 0; i < a.length; i++) { | ||
if (current == a[i].innerHTML) {b[i].className="active";}; | if (current == a[i].innerHTML) {b[i].className="active";}; | ||
}; | }; | ||
− | var clean = | + | var clean = exclude; |
for (var i = 0; i < clean.length; i++) { | for (var i = 0; i < clean.length; i++) { | ||
+ | if (!clean) {return;}; | ||
var check = clean[i]; | var check = clean[i]; | ||
for (var j = 0; j < a.length; j++) { | for (var j = 0; j < a.length; j++) { | ||
第39行: | 第50行: | ||
}; | }; | ||
}; | }; | ||
− | var a = document.querySelectorAll(' | + | var a = document.querySelectorAll(headername + '\> div.mw-prefixindex-body > ul a'); |
− | var b = document.querySelectorAll(' | + | var b = document.querySelectorAll(headername + '\> div.mw-prefixindex-body > ul li'); |
var wd= a.length * 30; | var wd= a.length * 30; | ||
var tr= a.length * 0.05; | var tr= a.length * 0.05; | ||
− | addCssRule(' | + | 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'); | ||
+ | } | ||
+ | |||
+ | }; | ||
+ | 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}}