跳转到内容

MediaWiki:Common.js

来自简中Robloxian Wiki
DarkEccentric(留言 | 贡献)2026年9月6日 (日) 09:49的版本

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
  • Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
  • Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
$(function() {
    var PAD = 6;
    var container = document.getElementById('neko-page-counter');
    
    if (!container) return;
    
    // 用 API 获取全站页面总数
    var total = 0;
    
    $.ajax({
        url: mw.util.wikiScript('api'),
        data: {
            action: 'query',
            meta: 'siteinfo',
            siprop: 'statistics',
            format: 'json'
        },
        dataType: 'json',
        async: false,
        success: function(data) {
            if (data.query && data.query.statistics && data.query.statistics.pages) {
                total = data.query.statistics.pages;
            }
        }
    });
    
    // 如果 API 也失败,fallback 到 0
    if (!total) total = 0;
    
    var digits = String(total).padStart(PAD, '0').split('');
    
    container.innerHTML = '';
    container.style.cssText = 'display:flex;align-items:flex-end;justify-content:center;gap:0;padding:10px;background:#0f0f1a;border-radius:8px;border:1px solid #2a2a40;min-height:100px;';
    
    var parentW = container.parentElement ? container.parentElement.clientWidth : 600;
    var imgW = Math.max(28, Math.min(100, Math.floor((parentW - 20) / PAD)));
    var imgH = Math.round(imgW * 1.25);
    
    var imageUrls = {
        '0': 'https://wiki.meltfi.top/images/d/df/0.gif',
        '1': 'https://wiki.meltfi.top/images/b/b5/1.gif',
        '2': 'https://wiki.meltfi.top/images/2/27/2.gif',
        '3': 'https://wiki.meltfi.top/images/0/06/3.gif',
        '4': 'https://wiki.meltfi.top/images/8/8f/4.gif',
        '5': 'https://wiki.meltfi.top/images/6/6a/5.gif',
        '6': 'https://wiki.meltfi.top/images/b/bd/6.gif',
        '7': 'https://wiki.meltfi.top/images/e/e7/7.gif',
        '8': 'https://wiki.meltfi.top/images/4/40/8.gif',
        '9': 'https://wiki.meltfi.top/images/3/30/9.gif',
    };
    
    digits.forEach(function(d) {
        var img = document.createElement('img');
        img.src = imageUrls[d];
        img.alt = d;
        img.style.cssText = 'width:' + imgW + 'px;height:' + imgH + 'px;object-fit:contain;image-rendering:pixelated;display:block;';
        
        img.onerror = function() {
            var fb = document.createElement('div');
            fb.textContent = d;
            fb.style.cssText = 'width:' + imgW + 'px;height:' + imgH + 'px;display:flex;align-items:center;justify-content:center;background:#333;color:#ff9ecd;font-size:' + Math.max(12, Math.floor(imgW * 0.4)) + 'px;font-weight:bold;font-family:monospace;border-radius:3px;';
            if (img.parentNode) img.parentNode.replaceChild(fb, img);
        };
        
        container.appendChild(img);
    });

    // ========== RSCA 顶栏替换 ==========
    
    // 隐藏 Vector 默认元素
    var toHide = ['p-logo', 'p-navigation', 'p-search', 'p-personal', 'p-tb', 'p-lang',
                   'mw-panel', 'mw-head-base', 'mw-page-base', 'p-banner', 'siteNotice',
                   'footer', 'catlinks', 'firstHeading'];
    toHide.forEach(function(id) {
        var el = document.getElementById(id);
        if (el) el.style.display = 'none';
    });
    
    // 隐藏 Vector 菜单和标题
    var menus = document.querySelectorAll('.vector-menu, .vector-menu-tabs, .vector-menu-content, .vector-user-links, .vector-user-menu, .vector-search-box, .firstHeading, .mw-page-title, .page-title');
    menus.forEach(function(m) { m.style.display = 'none'; });
    
    // 替换导航栏
    var nav = document.getElementById('mw-navigation');
    if (nav) {
        nav.innerHTML = '<div style="width:100%;background:#1a1a1a;border-bottom:2px solid #c41e3a;padding:0;margin:0;">' +
            '<div style="max-width:960px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;">' +
                '<div style="display:flex;align-items:center;gap:14px;">' +
                    '<span style="font-size:1.6em;font-weight:900;letter-spacing:0.12em;color:#ccc;text-transform:uppercase;">RSCA</span>' +
                    '<span style="font-size:0.78em;color:#888;letter-spacing:0.06em;">Roblox Simplified Chinese Archives</span>' +
                '</div>' +
                '<div style="display:flex;gap:2px;">' +
                    '<a href="/index.php/帮助:入门" style="padding:7px 16px;color:#b0b0b0;font-size:0.88em;letter-spacing:0.05em;border-radius:4px;transition:all 0.2s;" onmouseover="this.style.background=\'#333\';this.style.color=\'#fff\'" onmouseout="this.style.background=\'\';this.style.color=\'#b0b0b0\'">入门</a>' +
                    '<a href="/index.php/帮助:联系我们" style="padding:7px 16px;color:#b0b0b0;font-size:0.88em;letter-spacing:0.05em;border-radius:4px;transition:all 0.2s;" onmouseover="this.style.background=\'#333\';this.style.color=\'#fff\'" onmouseout="this.style.background=\'\';this.style.color=\'#b0b0b0\'">联系</a>' +
                    '<a href="/index.php/特殊:随机" style="padding:7px 16px;color:#b0b0b0;font-size:0.88em;letter-spacing:0.05em;border-radius:4px;transition:all 0.2s;" onmouseover="this.style.background=\'#333\';this.style.color=\'#fff\'" onmouseout="this.style.background=\'\';this.style.color=\'#b0b0b0\'">随机</a>' +
                    '<a href="/index.php/特殊:最近更改" style="padding:7px 16px;color:#b0b0b0;font-size:0.88em;letter-spacing:0.05em;border-radius:4px;transition:all 0.2s;" onmouseover="this.style.background=\'#333\';this.style.color=\'#fff\'" onmouseout="this.style.background=\'\';this.style.color=\'#b0b0b0\'">最近更改</a>' +
                '</div>' +
            '</div>' +
        '</div>';
        nav.style.display = 'block';
        nav.style.background = '#1a1a1a';
        nav.style.borderBottom = '2px solid #c41e3a';
        nav.style.height = 'auto';
        nav.style.position = 'relative';
        nav.style.width = '100%';
        nav.style.margin = '0';
        nav.style.padding = '0';
    }
    
    // 隐藏搜索框
    var search = document.getElementById('p-search');
    if (search) search.style.display = 'none';
    
    // 隐藏用户菜单
    var personal = document.getElementById('p-personal');
    if (personal) personal.style.display = 'none';
    
    // 隐藏侧边栏
    var panel = document.getElementById('mw-panel');
    if (panel) panel.style.display = 'none';
    
    // 隐藏页脚
    var footer = document.getElementById('footer');
    if (footer) footer.style.display = 'none';
    
    // 隐藏 logo
    var logo = document.getElementById('p-logo');
    if (logo) logo.style.display = 'none';
    
    // 隐藏 Vector 的页面标题和面包屑
    var titles = document.querySelectorAll('h1.firstHeading, .mw-page-title, .page-title, #contentSub, .subpages, .breadcrumb');
    titles.forEach(function(t) { t.style.display = 'none'; });
});