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

“User:Bhsd/widget/mainpage.js”的版本间差异

来自LLWiki
跳转到导航 跳转到搜索
(创建页面,内容为“//<nowiki> // 用于Widget:首页,可以使用ES6语法 "use strict"; →‎global mw, $:​ (() => { const main = () => { mw.widget = mw.widget || {};…”
 
(分3栏后每栏变窄了)
标签移动版网页编辑 移动版编辑
 
(未显示同一用户的3个中间版本)
第1行: 第1行:
//<nowiki>
//<nowiki>
// 用于[[Widget:首页]],可以使用ES6语法
// 用于[[Widget:首页]],可以使用ES6语法
/**
* @Function: [[LLWiki:首页]]自动添加悬挂缩进样式。因为不同用户的字体不同,无法简单通过CSS定制。
* @Author: [[User:Bhsd]]
*/
"use strict";
"use strict";
/* global mw, $ */
/* global mw, $ */
第6行: 第10行:
const main = () => {
const main = () => {
mw.widget = mw.widget || {};
mw.widget = mw.widget || {};
if (mw.widget.mainpage) { return; }
const width = [$('.mainpage-date').width(), $('.mainpage-time').width()];
if (mw.widget.mainpage || !width[0]) { return; } // 不存在对应的元素时宽度为undefined
mw.widget.mainpage = true;
mw.widget.mainpage = true;
       mw.loader.addStyleTag(`@media screen and (min-width:900px) {
$(() => {
const width = [$('.mainpage-date').width(), $('.mainpage-time').width()];
#mainpage-recent td:last-child, #mainpage-radio td:last-child {
if (!width[0]) { return; } // 不存在对应的元素时宽度为undefined
padding-left: ${width[0]}px;
mw.loader.addStyleTag(`@media screen and (min-width:720px) {
text-indent: -${width[0]}px;
#mainpage-recent td:last-child {
}
padding-left: ${width[0]}px;
}`);
text-indent: -${width[0]}px;
}
#mainpage-radio td:last-child {
padding-left: ${width[0] + width[1]}px;
text-indent: -${width[0] + width[1]}px;
}
}`);
});
};
};
if (window.jQuery) { main(); }
if (window.jQuery) { main(); }
else { window.addEventListener('jquery', main); }
else { window.addEventListener('jquery', main); }
});
}) ();
//</nowiki>
//</nowiki>
// [[category:jQuery小部件]] {{DEFAULTSORT:mainpage}}
// [[category:jQuery小部件]] {{DEFAULTSORT:mainpage}}

2022年1月27日 (四) 17:50的最新版本

//<nowiki>
// 用于[[Widget:首页]],可以使用ES6语法
/**
 * @Function: [[LLWiki:首页]]自动添加悬挂缩进样式。因为不同用户的字体不同,无法简单通过CSS定制。
 * @Author: [[User:Bhsd]]
 */
"use strict";
/* global mw, $ */
(() => {
    const main = () => {
        mw.widget = mw.widget || {};
        const width = [$('.mainpage-date').width(), $('.mainpage-time').width()];
        if (mw.widget.mainpage || !width[0]) { return; } // 不存在对应的元素时宽度为undefined
        mw.widget.mainpage = true;
        mw.loader.addStyleTag(`@media screen and (min-width:900px) {
            #mainpage-recent td:last-child, #mainpage-radio td:last-child {
                padding-left: ${width[0]}px;
                text-indent: -${width[0]}px;
            }
        }`);
    };
    if (window.jQuery) { main(); }
    else { window.addEventListener('jquery', main); }
}) ();
//</nowiki>
// [[category:jQuery小部件]] {{DEFAULTSORT:mainpage}}