◆少前百科是非盈利性、非官方的少女前线维基百科。
◆如果您发现某些内容错误/空缺，请勇于修正/添加！参与进来其实很容易！点这里 加入少前百科。
◆有任何意见、建议、纠错，欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群：597764980，微博@GFwiki少前百科
◆To foreigners，You can use twitter to contact us. 		Icon Nyto Silver.png

“Widget:子页面列表”的版本间的差异

来自少前百科GFwiki
跳转至： 导航、 搜索
 
（未显示2个用户的26个中间版本）
第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" class="nomobile">
+
<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");
 +
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($("#firstHeading"));
+
$("\<div class\=\'mw-prefixindex-body\' id\=\'subnavbox\'\>\<\/div\>").prependTo($(headername));
 
$("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>";
+
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').appendTo($('#firstHeading'));
+
var headerelem = $(headername)[0];
−
$('#firstHeading > div.mw-prefixindex-body').css('display','inline-block');  
+
headerelem.insertBefore($('div.mw-prefixindex-body')[0], [...headerelem.childNodes].find(e => e.nodeType == 3).nextSibling);
−
$(firstList).prependTo($("#firstHeading > div.mw-prefixindex-body ul"));
+
$(headername + '\> div.mw-prefixindex-body').css('display','inline-block');  
−
$(subnav).prependTo($("#firstHeading > div.mw-prefixindex-body"));
+
$(firstList).prependTo($(headername+"\> div.mw-prefixindex-body ul"));
−
var a = document.querySelectorAll('#firstHeading > div.mw-prefixindex-body > ul a');
+
$(subnav).prependTo($(headername + "\> div.mw-prefixindex-body"));
−
var b = document.querySelectorAll('#firstHeading > div.mw-prefixindex-body > ul li');
+
var a = document.querySelectorAll(headername + '\> div.mw-prefixindex-body > ul a');
−
$('#firstHeading > div.mw-prefixindex-body ul.mw-prefixindex-list').attr("id","subnavbar")
+
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";};
第44行： 第50行：
 
};
 
};
 
};
 
};
−
var a = document.querySelectorAll('#firstHeading > div.mw-prefixindex-body > ul a');
+
var a = document.querySelectorAll(headername + '\> div.mw-prefixindex-body > ul a');
−
var b = document.querySelectorAll('#firstHeading > div.mw-prefixindex-body > ul li');
+
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('#firstHeading > div.mw-prefixindex-body:hover ul.mw-prefixindex-list', 'height:' + wd + 'px;'); //自定义函数，位于head内 用法 addCssRule (selector ,style ,index);index为插入顺序 同一元素较后的覆盖前面的
+
if (!!is_mobile){
−
addCssRule('#firstHeading > div.mw-prefixindex-body > ul', 'transition:all ' + tr + 's ease-in-out');
+
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}}

取自“https://www.gfwiki.org/index.php?title=Widget:子页面列表&oldid=113555”