LLWiki正在建设中,欢迎加入我们!
“Widget:Sif-song-table”的版本间差异
跳转到导航
跳转到搜索
小 标签:移动版网页编辑 移动版编辑 |
(//使用页面/文本对比查看器快速编辑) |
||
(未显示2个用户的24个中间版本) | |||
第1行: | 第1行: | ||
<noinclude>{{doc|content=用于[[LoveLive!学园偶像祭歌曲列表]] |
<noinclude>{{doc|content=用于[[LoveLive!学园偶像祭歌曲列表]]和[[LoveLive!学园偶像祭~after school ACTIVITY~ Wai-Wai! Home Meeting!!歌曲列表]]。请使用{{tl|Sif-song-table}}调用。}}[[category:混合小部件]] |
||
<p>JavaScript脚本:[[User:Bhsd/widget/sif-song-table.js]]</p></noinclude><includeonly><!--{if !isset($wgWidgetSifSongTable) || !$wgWidgetSifSongTable}--><!--{assign var="wgWidgetSifSongTable" value=true scope="global"}--><script defer src='/zh?title=user:bhsd/widget/sif-song-table.js&action=raw&ctype=text/javascript'></script><style> |
|||
//</includeonly>JavaScript脚本:<pre lang="js"> |
|||
window.addEventListener('load', function() { |
|||
const skin = mw.config.get('skin'); |
|||
document.querySelectorAll( '.sif-song-table' ).forEach(function(table) { |
|||
if(skin == 'minerva') { |
|||
let ele = table.querySelector('.tabs-content'); |
|||
ele.appendChild(ele.nextSibling); |
|||
} |
|||
table.querySelectorAll( '.tabs-dropdown li' ).forEach(function(ele, i) { |
|||
var attr = ele.textContent.toLowerCase().replace('-', ''); |
|||
if(table.querySelector('td[data-' + attr + ']') !== null) { |
|||
ele.onclick = function() { |
|||
table.querySelector( '.tabs-label' ).textContent = ele.textContent; |
|||
table.querySelectorAll( 'td[data-easy]' ).forEach(function(e) { |
|||
e.textContent = e.dataset[attr] || '/'; |
|||
}); |
|||
}; |
|||
} |
|||
else { ele.remove(); } |
|||
}); |
|||
}); |
|||
}); |
|||
//</pre> |
|||
<includeonly> |
|||
</script><style> |
|||
/* </includeonly>CSS样式表:<pre lang="css"> */ |
/* </includeonly>CSS样式表:<pre lang="css"> */ |
||
.sif-song-table { |
.sif-song-table { |
||
text-align:center; |
text-align: center; |
||
} |
} |
||
.sif-song-table .tabs-dropdown { |
.sif-song-table .tabs-dropdown { |
||
width:auto !important; |
width: auto !important; |
||
white-space: nowrap; |
|||
} |
|||
/* 涉及JS的高度计算,提前加载tabs扩展的部分样式 */ |
|||
.sif-song-table.tsticky .tabs-dropdown { |
|||
margin-top: 10px; |
|||
margin-bottom: 10px; |
|||
} |
|||
.sif-song-table.tsticky .tabs-container { |
|||
z-index: 1; |
|||
} |
|||
.sif-song-table .tabs-label { |
|||
transition-delay: 0.3s; |
|||
} |
|||
.sif-song-table .tabs-label:hover { |
|||
transition-delay: 0s; |
|||
} |
} |
||
.sif-song-table .tabs-content { |
.sif-song-table .tabs-content { |
||
border-radius:0 0 8px 8px; |
border-radius: 0 0 8px 8px; |
||
width: auto; |
|||
min-width: 100%; |
|||
left: 0; |
|||
transition: height linear 0.3s; |
|||
overflow: hidden; |
|||
} |
} |
||
.sif-song-table .tabs-dropdown |
.sif-song-table .tabs-dropdown:not(:hover) .tabs-content { |
||
height: 0 !important; |
|||
padding:0; |
|||
border-bottom: none; |
|||
} |
} |
||
.sif-song-table .tabs-dropdown li:last-child { |
.sif-song-table .tabs-dropdown li:last-child { |
||
border-radius:0 0 8px 8px; |
border-radius: 0 0 8px 8px; |
||
} |
|||
.attrib-s { |
|||
background-color: #ffc1c1; |
|||
} |
|||
.attrib-p { |
|||
background-color: #c0ffbb; |
|||
} |
|||
.attrib-c { |
|||
background-color: #b0e2ff; |
|||
} |
|||
.swing { |
|||
display: inline-block; |
|||
width: 1.25em; |
|||
height: 1.25em; |
|||
background-image: url(/mediawiki/img_auth.php/6/65/SIF_Swing_Key.png); |
|||
background-size: 1.25em; |
|||
vertical-align: text-bottom; |
|||
} |
} |
||
/* </pre><includeonly> */ |
/* </pre><includeonly> */ |
2022年5月17日 (二) 19:55的最新版本
小部件文档
这个文档是内联文档。
用于LoveLive!学园偶像祭歌曲列表和LoveLive!学园偶像祭~after school ACTIVITY~ Wai-Wai! Home Meeting!!歌曲列表。请使用{{Sif-song-table}}调用。
JavaScript脚本:User:Bhsd/widget/sif-song-table.js
CSS样式表:
*/
.sif-song-table {
text-align: center;
}
.sif-song-table .tabs-dropdown {
width: auto !important;
white-space: nowrap;
}
/* 涉及JS的高度计算,提前加载tabs扩展的部分样式 */
.sif-song-table.tsticky .tabs-dropdown {
margin-top: 10px;
margin-bottom: 10px;
}
.sif-song-table.tsticky .tabs-container {
z-index: 1;
}
.sif-song-table .tabs-label {
transition-delay: 0.3s;
}
.sif-song-table .tabs-label:hover {
transition-delay: 0s;
}
.sif-song-table .tabs-content {
border-radius: 0 0 8px 8px;
width: auto;
min-width: 100%;
left: 0;
transition: height linear 0.3s;
overflow: hidden;
}
.sif-song-table .tabs-dropdown:not(:hover) .tabs-content {
height: 0 !important;
border-bottom: none;
}
.sif-song-table .tabs-dropdown li:last-child {
border-radius: 0 0 8px 8px;
}
.attrib-s {
background-color: #ffc1c1;
}
.attrib-p {
background-color: #c0ffbb;
}
.attrib-c {
background-color: #b0e2ff;
}
.swing {
display: inline-block;
width: 1.25em;
height: 1.25em;
background-image: url(/mediawiki/img_auth.php/6/65/SIF_Swing_Key.png);
background-size: 1.25em;
vertical-align: text-bottom;
}
/*