MediaWiki:Common.js
MediaWiki界面页面
更多操作
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 这里的任何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 });
})();