◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“Widget:子页面列表”的版本间的差异
Mikumikuer(讨论 | 贡献) |
|||
(未显示2个用户的20个中间版本) | |||
第1行: | 第1行: | ||
<includeonly> | <includeonly> | ||
<style type="text/css"> | <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){ | 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-down fas\' style\=\'font-size:20px;vertical-align:bottom\'\>\<\/i\>\<\/p\>"; | + | 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}}