跳转到内容
打开/关闭菜单
  • 451 条目
  • 806 文件
  • 22 用户
  • 9167 编辑
Blockland Wiki
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.js:修订间差异

MediaWiki界面页面
ETTW​(留言 | 贡献)
无编辑摘要
ETTW​(留言 | 贡献)
无编辑摘要
第42行: 第42行:
(function() {
(function() {
     'use strict';
     'use strict';
   
    // 基础检查
     if (document.documentElement.classList.contains('skin-citizen-basic')) return;
     if (document.documentElement.classList.contains('skin-citizen-basic')) return;


     const GLASS_SELECTORS = '.citizen-menu__card, .citizen-toc-card, .citizen-command-palette, .infobox, .citizen-sticky-header';
     const GLASS_SELECTORS = '.citizen-menu__card, .citizen-toc-card, .citizen-command-palette, .infobox';
      
      
     const syncLight = (e) => {
     const syncLight = (e) => {
第52行: 第50行:
         elements.forEach(el => {
         elements.forEach(el => {
             const rect = el.getBoundingClientRect();
             const rect = el.getBoundingClientRect();
           
             // 增加判断:只有在视口内的元素才计算,且长宽必须有效
             // 只有当元素高度/宽度不为 0 时才计算,防止除以零导致 Infinity
             if (rect.width > 0 && rect.top < window.innerHeight && rect.bottom > 0) {
             if (rect.width > 0 && rect.height > 0) {
                 const x = ((e.clientX - rect.left) / rect.width) * 100;
                 const x = ((e.clientX - rect.left) / rect.width) * 100;
                 const y = ((e.clientY - rect.top) / rect.height) * 100;
                 const y = ((e.clientY - rect.top) / rect.height) * 100;
                // 检查计算结果是否为有限数值
                 if (isFinite(x) && isFinite(y)) {
                 if (isFinite(x) && isFinite(y)) {
                     el.style.setProperty('--mouse-x', x.toFixed(2) + '%');
                     el.style.setProperty('--mouse-x', x.toFixed(2) + '%');
第66行: 第61行:
         });
         });
     };
     };
    // 搜索面板专项逻辑:兼顾动画触发
    setInterval(() => {
        const palette = document.querySelector('.citizen-command-palette');
        if (palette && !palette.classList.contains('glass-show')) {
            palette.classList.add('glass-show');
        }
    }, 50);


     let ticking = false;
     let ticking = false;

2026年1月30日 (五) 20:38的版本

/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
/**
 * 搜索面板弹性动画逻辑
 */
(function() {
    function handlePalette() {
        const palette = document.querySelector('.citizen-command-palette');
        if (palette) {
            // 确保位置居中并触发动画类
            if (!palette.classList.contains('glass-show')) {
                palette.classList.add('glass-show');
            }
        } else {
            // 当面板关闭时,移除所有带有 glass-show 的残留(虽然通常会被销毁)
            const activePalettes = document.querySelectorAll('.glass-show');
            activePalettes.forEach(p => p.classList.remove('glass-show'));
        }
    }

    // 每 50ms 检查一次搜索框状态(保持和 V20 脚本逻辑一致)
    setInterval(handlePalette, 50);
})();
// 在 MediaWiki:Common.js 中尝试
$(function() {
    if ($('#p-navigation').length) {
        var adHtml = '<div id="sidebar-ad"></div>';
        $('#p-navigation').after(adHtml);
        // 使用 API 获取解析后的模板内容并注入
        $.get(mw.util.wikiScript('api'), {
            action: 'parse',
            text: '{{CitizenAd}}',
            format: 'json'
        }, function(data) {
            $('#sidebar-ad').html(data.parse.text['*']);
        });
    }
});
/**
 * Blockland Wiki Liquid Glass Lighting System
 * 全局液态玻璃光影联动系统
 */
(function() {
    'use strict';
    if (document.documentElement.classList.contains('skin-citizen-basic')) return;

    const GLASS_SELECTORS = '.citizen-menu__card, .citizen-toc-card, .citizen-command-palette, .infobox';
    
    const syncLight = (e) => {
        const elements = document.querySelectorAll(GLASS_SELECTORS);
        elements.forEach(el => {
            const rect = el.getBoundingClientRect();
            // 增加判断:只有在视口内的元素才计算,且长宽必须有效
            if (rect.width > 0 && rect.top < window.innerHeight && rect.bottom > 0) {
                const x = ((e.clientX - rect.left) / rect.width) * 100;
                const y = ((e.clientY - rect.top) / rect.height) * 100;
                if (isFinite(x) && isFinite(y)) {
                    el.style.setProperty('--mouse-x', x.toFixed(2) + '%');
                    el.style.setProperty('--mouse-y', y.toFixed(2) + '%');
                }
            }
        });
    };

    // 搜索面板专项逻辑:兼顾动画触发
    setInterval(() => {
        const palette = document.querySelector('.citizen-command-palette');
        if (palette && !palette.classList.contains('glass-show')) {
            palette.classList.add('glass-show');
        }
    }, 50);

    let ticking = false;
    document.addEventListener('mousemove', (e) => {
        if (!ticking) {
            window.requestAnimationFrame(() => {
                syncLight(e);
                ticking = false;
            });
            ticking = true;
        }
    }, { passive: true });
})();