“模板:Main page/railway”与“MediaWiki:Mainpage.js”:页面之间的差异

来自NebulaeWiki
(页面间差异)
无编辑摘要
 
无编辑摘要
 
第1行: 第1行:
<div id="home-railway" class="home-card home-card--col2 home-card--row1">
$(function(){
<div class="home-editing__intro">
    /* 头图 */
<h3 class="home-card__header">[[轨道交通]]</h3>
    var page = document.querySelector("body");
<p>城市轨道交通的建设是NebulaeCraft的核心玩法,目前服务器内已有多条建设完成的轨道交通线路,它们由不同的玩家建造,共同组成了星云轨道交通的庞大运输系统。</p>
    if (page.classList.contains('page-首页')) {
</div>
        var mwBody = document.getElementById('content');
<div class="home-gamebuild-links home-link">
        var newDiv = document.createElement('div');
<div class="home-link__button">[[星云轨道交通|地铁]]</div>
        newDiv.setAttribute('class', 'header-image');
<div class="home-link__button">[[星云市域铁路|市域铁路]]</div>
        newDiv.innerHTML = '<div class="header-image" style="background-image: linear-gradient(to top, var(--color-surface-0), transparent 50%), url(https://wiki.knebulae.com/images/title.png);background-size: cover;background-position: top;height: 36vh;margin-bottom: -37vh;"></div>';
</div>
        mwBody.parentNode.insertBefore(newDiv, mwBody);
</div>
    }
</div>
}());
<templatestyles src="Template:Main page/railway/styles.css"/><templatestyles src="Template:Main page/editing/styles.css"/><noinclude>
<!-- For preview only --><templatestyles src="Template:Main page/shared/styles.css" />{{/doc}}</noinclude>

2024年1月3日 (三) 16:23的版本

$(function(){
    /* 头图 */
    var page = document.querySelector("body");
    if (page.classList.contains('page-首页')) {
        var mwBody = document.getElementById('content');
        var newDiv = document.createElement('div');
        newDiv.setAttribute('class', 'header-image');
        newDiv.innerHTML = '<div class="header-image" style="background-image: linear-gradient(to top, var(--color-surface-0), transparent 50%), url(https://wiki.knebulae.com/images/title.png);background-size: cover;background-position: top;height: 36vh;margin-bottom: -37vh;"></div>';
        mwBody.parentNode.insertBefore(newDiv, mwBody);
    }
}());