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

2021年6月29日 (二) 04:19的版本

//<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:720px) {
            #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(); }
    else { window.addEventListener('jquery', main); }
}) ();
//</nowiki>
// [[category:jQuery小部件]] {{DEFAULTSORT:mainpage}}