LLWiki正在建設中,歡迎加入我們!
「Widget:游戏主界面」修訂間的差異
跳至導覽
跳至搜尋
小 標籤:行動版網頁編輯 行動版編輯 |
(//使用页面/文本对比查看器快速编辑) |
||
(未顯示同一使用者於中間所作的 16 次修訂) | |||
第1行: | 第1行: | ||
<noinclude>{{doc|content= |
<noinclude>{{doc|content=用于[[:category:导航模板|导航模板]],尤其是{{tl|SIF nav}}。}}[[category:混合小部件]] |
||
<p>JavaScript脚本:[[User:Bhsd/widget/nav.js]]</p></noinclude><includeonly><!--{if !isset($wgWidgetStartScreen) || !$wgWidgetStartScreen}--><!--{assign var="wgWidgetStartScreen" value=true scope="global"}--><script defer src='/zh?title=user:bhsd/widget/nav.js&action=raw&ctype=text/javascript'></script><style> |
|||
//</includeonly>JavaScript脚本:<pre lang="js"> |
|||
window.addEventListener('load', function () { |
|||
var ele = document.querySelector('.start-screen'), |
|||
parent = document.querySelector('#mw-content-text > .mw-parser-output'); |
|||
ele.querySelectorAll('a[href]').forEach(function(e) { |
|||
var href = decodeURIComponent(e.href), |
|||
section = /#/.test(href), |
|||
pagename = section ? href.match('^(?:https:)?(?:\/\/llwiki\.org)?/zh/(.*)#')[1] : href.match('^(?:https:)?(?:\/\/llwiki\.org)?/zh/(.*)$')[1]; |
|||
if(pagename == mw.config.get('wgPageName')) { |
|||
e.href = section ? href.match(/#.*$/)[0] : 'javascript:void(0)'; |
|||
} |
|||
}); |
|||
if(mw.config.get('skin') == 'minerva') { |
|||
parent.appendChild(ele); |
|||
ele.scrollLeft = (ele.scrollWidth - ele.clientWidth) / 2; |
|||
} |
|||
}); |
|||
//</pre> |
|||
<includeonly> |
|||
</script><style> |
|||
/* </includeonly>CSS样式表:<pre lang="css"> */ |
/* </includeonly>CSS样式表:<pre lang="css"> */ |
||
.start-screen { |
.start-screen { |
||
第27行: | 第8行: | ||
white-space: nowrap; |
white-space: nowrap; |
||
overflow-x: auto; |
overflow-x: auto; |
||
-webkit-overflow-scrolling: touch; /* mobile Safari */ |
|||
scroll-snap-type: x mandatory; /* Safari无效 */ |
|||
z-index: 60; |
|||
} |
} |
||
.start-screen a { |
.start-screen a { |
||
scroll-snap-align: start; |
scroll-snap-align: start; |
||
display: inline-block; /* Chrome和Edge */ |
|||
} |
|||
.start-screen table { |
|||
display: inline-table; |
|||
margin: 0; |
|||
width: auto !important; |
|||
} |
|||
.ll-nav, .ll-nav span { |
|||
display: inline-block; |
|||
} |
|||
.ll-nav { |
|||
background-color: #f6f6f6; |
|||
margin: 4px 1px; |
|||
padding: 4px; |
|||
border: solid #cdcdcd; |
|||
border-width: 1px 3px 3px 1px; |
|||
border-radius: 19px 9px; |
|||
} |
|||
.ll-nav > span { |
|||
background-color: #fff; |
|||
padding: 0px 10px; |
|||
line-height: 24px; |
|||
border: 1px solid #ababab; |
|||
border-radius: 15px 5px; |
|||
text-align: center; |
|||
} |
|||
.ll-nav > span > span { |
|||
height: 24px; |
|||
width: 24px; |
|||
margin-right: 5px; |
|||
color: #fff; |
|||
} |
|||
/* 提前加载FontAwesome部分CSS */ |
|||
.fa, .fab, .fad, .fal, .far, .fas { |
|||
display: inline-block; |
|||
} |
} |
||
/* </pre><includeonly> */ |
/* </pre><includeonly> */ |
於 2022年5月17日 (二) 19:58 的最新修訂
JavaScript腳本:User:Bhsd/widget/nav.js
CSS樣式表:
*/
.start-screen {
text-align: center;
position: sticky;
bottom: 3px;
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* mobile Safari */
scroll-snap-type: x mandatory; /* Safari无效 */
z-index: 60;
}
.start-screen a {
scroll-snap-align: start;
display: inline-block; /* Chrome和Edge */
}
.start-screen table {
display: inline-table;
margin: 0;
width: auto !important;
}
.ll-nav, .ll-nav span {
display: inline-block;
}
.ll-nav {
background-color: #f6f6f6;
margin: 4px 1px;
padding: 4px;
border: solid #cdcdcd;
border-width: 1px 3px 3px 1px;
border-radius: 19px 9px;
}
.ll-nav > span {
background-color: #fff;
padding: 0px 10px;
line-height: 24px;
border: 1px solid #ababab;
border-radius: 15px 5px;
text-align: center;
}
.ll-nav > span > span {
height: 24px;
width: 24px;
margin-right: 5px;
color: #fff;
}
/* 提前加载FontAwesome部分CSS */
.fa, .fab, .fad, .fal, .far, .fas {
display: inline-block;
}
/*