LLWiki正在建设中,欢迎加入我们

“Widget:游戏主界面”的版本间差异

来自LLWiki
跳转到导航 跳转到搜索
(//使用页面/文本对比查看器快速编辑)
 
(未显示同一用户的6个中间版本)
第1行: 第1行:
<noinclude>{{doc|content=请使用[[:category:导航模板|导航模板]]调用。}}</noinclude><includeonly><!--{if !isset($wgWidgetStartScreen) || !$wgWidgetStartScreen}--><!--{assign var="wgWidgetStartScreen" value=true scope="global"}--><script>
<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') {
ele.querySelectorAll( '.lazy-image-placeholder' ).forEach(function(e) {
let img = document.createElement('img');
img.src = e.dataset.src;
e.replaceWith(img);
});
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 {
第32行: 第8行:
white-space: nowrap;
white-space: nowrap;
overflow-x: auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-webkit-overflow-scrolling: touch; /* mobile Safari */
scroll-snap-type: x mandatory;
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 {
.start-screen table {
第42行: 第20行:
margin: 0;
margin: 0;
width: auto !important;
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的最新版本

Template-info.png 小部件文档
这个文档是内联文档。

用于导航模板,尤其是{{SIF nav}}。

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;
}
/*