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

“Widget:Lyrics”的版本间差异

来自LLWiki
跳转到导航 跳转到搜索
(// 使用Wikiplus小工具快速编辑)
标签移动版网页编辑 移动版编辑
(// 使用Wikiplus小工具快速编辑)
第5行: 第5行:
var width = ele.dataset.width;
var width = ele.dataset.width;
if(width.match(/^-.*/)) { width = 'calc(100%' + width + ')'; }
if(width.match(/^-.*/)) { width = 'calc(100%' + width + ')'; }
mw.loader.using('mediawiki.util').then(function() {
mediaWiki.loader.using('mediawiki.util').then(function() {
mw.util.addCSS('@media only screen and (min-width:720px) { .Lyrics_box { width:' + width + '; } }');
mw.util.addCSS('@media only screen and (min-width:720px) { .Lyrics_box { width:' + width + '; } }');
});
});

2020年8月14日 (五) 07:29的版本

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

{{Lyrics}}。

Javascript脚本:

window.addEventListener('load', function () {
    document.querySelectorAll('.Lyrics_box').forEach(function(ele) {
        var width = ele.dataset.width;
        if(width.match(/^-.*/)) { width = 'calc(100%' + width + ')'; }
        mediaWiki.loader.using('mediawiki.util').then(function() {
            mw.util.addCSS('@media only screen and (min-width:720px) { .Lyrics_box { width:' + width + '; } }');
        });
    });
}); 
//

CSS样式表:

 */
.Lyrics_box {
	width: 100%;
	max-width: 1080px;
	display: inline-block;
}
.Lyrics_box.Lyrics_has_ruby .Lyrics_original,
.Lyrics_box.Lyrics_has_ruby .Lyrics_translated {
	line-height: 2.1;
}
.Lyrics.Lyrics_no-ruby .Lyrics_original,
.Lyrics.Lyrics_no-ruby .Lyrics_translated {
	vertical-align: top;
}
.Lyrics_box .Lyrics_original,
.Lyrics_box .Lyrics_translated {
	width: 49.85%;
	min-width: 480px;
	display: inline-block;
	white-space: pre-wrap;
}
/*