“Widget:Lyrics”的版本间差异

删除564字节 、​ 2020年11月18日 (三) 06:21
无编辑摘要
标签移动版网页编辑 移动版编辑
<noinclude>{{doc|content={{tl|Lyrics}}。}}</noinclude><includeonly><!--{if !isset($wgLyrics) || !$wgLyrics}--><!--{assign var="wgLyrics" value=true scope="global"}--><script defer src='/zh?title=</includeonly><noinclude><p>JavaScript脚本:[[</noinclude>User:Bhsd/widget/lyrics.js<noinclude>]]</p></noinclude><includeonly>&action=raw&ctype=text/javascript'></script><style>
//</includeonly>JavaScript脚本:<pre lang=js>
var resize = function () {
// 计算渲染后的实际宽度
document.querySelectorAll('.Lyrics_box').forEach( function(ele) {
if (ele.getBoundingClientRect().width == 0) { return; }
var width = (ele.getBoundingClientRect().width < 720) ? '100%' : '';
ele.querySelectorAll('.Lyrics_original, .Lyrics_translated').forEach( function(self) {
self.style.width = width;
});
});
};
 
window.addEventListener('load', resize);
window.addEventListener('resize', resize);
document.body.addEventListener('click', function(e) {
let target = e.target;
if (target.classList.contains('tabs-label')) { setTimeout(resize, 200); }
});
//</pre>
<includeonly>
</script><style>
/* </includeonly>CSS样式表:<pre lang="css"> */
.Lyrics_box {
16,874

个编辑