首页:修订间差异

来自勿忘草与永远的少女
跳到导航跳到搜索
Admin留言 | 贡献
无编辑摘要
Admin留言 | 贡献
无编辑摘要
 
(未显示同一用户的168个中间版本)
第1行: 第1行:
<!-- 终末地 Bwiki 风格首页 - 标准三栏布局 270+565+270 -->
<div class="custom-homepage">
<div class="zmd-wrapper">


    <!-- 轮播图区 960*300 (Bwiki标准尺寸) -->
<!-- 全站通知 -->
    <div class="zmd-carousel">
<div class="notice" style="background:#f8f9fa; border-left:4px solid #36c; padding:10px 15px; margin:10px 0; font-size:25px;">
        <img src="https://wiki.biligame.com/zmd/images/thumb/8/8d/KeyVisual.jpg/960px-KeyVisual.jpg"
<span style="background: linear-gradient(135deg, #ff0080, #ff8c00, #40e0d0); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: bold;">全站通知:萌新请先点击游戏攻略查看相关新手指南!</span>
            alt="明日方舟终末地"
</div>
            onerror="this.src='https://via.placeholder.com/960x300?text=Endfield+Banner'">
 
<!-- 第一行:横幅 + 更新公告并排 -->
<div class="top-row">
    <div class="hero-banner">
        [[File:wyhf.png|center|link=|alt=网站横幅]]
    </div>
    <div class="update-card">
        <h3>📢 更新公告</h3>
        <div class="update-item">
            <strong>1573版本</strong><br>
            更新日期:2026年5月22日<br>
            • 新增角色1名<br>
            • 新增一个天赋<br>
            • 修复BUG和优化地图<br>
            • 新增难度4<br>
            • 野怪调整<br>
            • 羁绊调整和角色调整<br>
        </div>
        <div class="update-link">
            [[更新日志|更新日志 →]]
        </div>
     </div>
     </div>
</div>


    <!-- 三栏核心布局:左栏(270px) 中栏(565px) 右栏(270px) -->
<!-- 两栏布局 -->
    <div class="zmd-three-columns">
<div class="two-columns">
 
   
        <!-- ========= 左栏 (270px) ========= -->
    <!-- 左侧区域 -->
        <div class="zmd-left">
    <div class="left-column">
            <!-- 关于WIKI模块 -->
        <!-- 常用内容标题 -->
            <div class="zmd-wiki-info">
        <div style="padding-left:15px; margin-bottom:20px; background: transparent; box-shadow: none; border-radius: 0;">
                <div style="font-size: 20px; font-weight: bold; margin-bottom: 8px;">📖 终末地 WIKI</div>
            [[File:常用内容标题.png|link=]]
                <div style="font-size: 13px;">现有文章</div>
        </div>
                <div class="zmd-stats">{{NUMBEROFARTICLES}}</div>
        <!-- 四个图片卡片 -->
                <div style="font-size: 13px;">活跃编辑</div>
        <div class="feature-cards">
                <div class="zmd-stats">{{NUMBEROFACTIVEUSERS}}</div>
            <div class="feature-card-link">[[File:棋子首页.png|center|link=棋子|alt=棋子图鉴]]</div>
                <div style="font-size: 13px;">总编辑次数</div>
            <div class="feature-card-link">[[File:装备图鉴.png|center|link=装备图鉴|alt=装备图鉴]]</div>
                <div class="zmd-stats">{{NUMBEROFEDITS}}</div>
            <div class="feature-card-link">[[File:天赋首页.png|center|link=天赋图鉴|alt=天赋图鉴]]</div>
                <a href="#" class="zmd-btn">💬 加入编辑群</a>
            <div class="feature-card-link">[[File:羁绊详情.png|center|link=羁绊详情|alt=羁绊详情]]</div>
            </div>
            <div class="feature-card-link">[[File:游戏攻略.png|center|link=游戏攻略|alt=游戏攻略]]</div>
 
        </div>
            <!-- 常用链接 -->
       
            <div class="zmd-section">
        <!-- 角色一览 -->
                <div class="zmd-section-title"><span>🔗 常用链接</span></div>
        <div style="text-align: left; margin: 0; padding: 0;">
                <div class="zmd-link-list">
            <gallery mode="nolines" widths="850" perrow="1">
                    <a href="#">官网地址</a>
                最新棋子标题.png
                    <a href="#">官方B站</a>
            </gallery>
                    <a href="#">攻略投稿</a>
        </div>
                    <a href="#">数据勘误</a>
        <div class="character-section">
                    <a href="#">版本更新</a>
            <gallery mode="nolines" widths="120" heights="120" perrow="7">
                    <a href="#">WIKI教程</a>
                角色104.png|link=千子村正|千子村正
                 </div>
                角色103.png|link=菲比|菲比
            </div>
                 角色102.png|link=我的刀盾|我的刀盾
 
                角色101.png|link=黑岩射手|黑岩射手
            <!-- 游戏下载入口 -->
                角色100.png|link=夜神月|夜神月
            <div class="zmd-section">
                角色99.png|link=莱茵哈鲁特|莱茵哈鲁特
                 <div class="zmd-section-title"><span>📱 游戏下载</span></div>
                 角色98.png|link=耄耋|耄耋
                <div style="display: flex; flex-direction: column; gap: 10px;">
            </gallery>
                    <a href="#" style="background:#2f4f6f; text-align:center; padding:8px; border-radius:24px; color:white; text-decoration:none;">Android 下载</a>
            <div style="text-align: left; margin: 0; padding: 0;">
                    <a href="#" style="background:#2f4f6f; text-align:center; padding:8px; border-radius:24px; color:white; text-decoration:none;">iOS 下载</a>
                <gallery mode="nolines" widths="850" perrow="1">
                     <a href="#" style="background:#2f4f6f; text-align:center; padding:8px; border-radius:24px; color:white; text-decoration:none;">PC 桌面版</a>
                     全部棋子.png|link=棋子
                 </div>
                 </gallery>
             </div>
             </div>
         </div>
         </div>
 
    </div>
        <!-- ========= 中栏 (565px) ========= -->
   
        <div class="zmd-center">
    <!-- 右侧区域(修复后的完整代码) -->
            <!-- 活动倒计时板块 -->
    <div class="right-column">
            <div class="zmd-section">
        <!-- 直播封面卡片 -->
                <div class="zmd-section-title"><span>📢 正在进行</span></div>
        <div id="live-carousel-container" style="
                <div class="zmd-event-item">
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
                    <div class="zmd-event-name">「技术测试」终末地测试开启</div>
            border-radius: 20px;
                    <div class="zmd-event-time">2025年6月10日 10:00 - 2025年6月24日 23:59</div>
            padding: 20px;
                    <div class="zmd-countdown" id="countdown1">加载中...</div>
             color: white;
                </div>
             margin-bottom: 20px;
                <div class="zmd-event-item">
             text-align: center;
                    <div class="zmd-event-name">「签到活动」每日登录领好礼</div>
        ">
                    <div class="zmd-event-time">长期开放 · 每日重置</div>
        <h3 style="
                    <div class="zmd-countdown">✨ 进行中</div>
        background: linear-gradient(135deg, #ffd89b, #c7e9fb);
                </div>
        -webkit-background-clip: text;
             </div>
        background-clip: text;
 
        color: transparent;
             <!-- 干员图鉴 4格 -->
        display: inline-block;
             <div class="zmd-section">
        font-size: 20px;
                <div class="zmd-section-title"><span>⚔️ 干员图鉴</span></div>
        margin: 0 0 12px 0;
                <div class="zmd-grid-4">
        padding: 0;
                    <div class="zmd-card" onclick="location.href='/index.php/干员:佩丽卡'">
    ">推荐主播</h3>
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/1/12/Operator_Peilika.png/200px-Operator_Peilika.png" alt="佩丽卡" onerror="this.src='https://via.placeholder.com/200x200?text=佩丽卡'">
            <div id="live-name" style="font-size: 22px; font-weight: bold; margin-bottom: 8px;"></div>
                        <div class="zmd-card-title">佩丽卡</div>
            <div id="live-desc" style="font-size: 14px; opacity: 0.85; margin-bottom: 20px;"></div>
                    </div>
             <div id="live-cover-img" style="
                    <div class="zmd-card" onclick="location.href='/index.php/干员:陈'">
                 width: 100%;
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/1/12/Operator_Chen.png/200px-Operator_Chen.png" alt="陈" onerror="this.src='https://via.placeholder.com/200x200?text=陈'">
                max-width: 280px;
                        <div class="zmd-card-title">陈</div>
                 height: 160px;
                    </div>
                margin: 0 auto 15px auto;
                    <div class="zmd-card" onclick="location.href='/index.php/干员:银灰'">
                border-radius: 12px;
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/4/4b/Operator_SilverAsh.png/200px-Operator_SilverAsh.png" alt="银灰" onerror="this.src='https://via.placeholder.com/200x200?text=银灰'">
                box-shadow: 0 4px 12px rgba(0,0,0,0.3);
                        <div class="zmd-card-title">银灰</div>
                background-size: cover;
                    </div>
                background-position: center;
                    <div class="zmd-card" onclick="location.href='/index.php/干员列表'">
                background-repeat: no-repeat;
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/d/d1/Operator_List.png/200px-Operator_List.png" alt="更多" onerror="this.src='https://via.placeholder.com/200x200?text=全部'">
                cursor: pointer;
                        <div class="zmd-card-title">查看全部 →</div>
            "></div>
                    </div>
            <div id="live-controls" style="display: flex; justify-content: center; align-items: center; gap: 0;">
                </div>
    <div id="live-dots" style="display: flex; gap: 10px; align-items: center;"></div>
             </div>
</div>
 
            <!-- 武器图鉴 4格 -->
            <div class="zmd-section">
                 <div class="zmd-section-title"><span>🔫 武器精选</span></div>
                 <div class="zmd-grid-4">
                    <div class="zmd-card">
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/6/62/Weapon_Sword.png/200px-Weapon_Sword.png" alt="赤霄" onerror="this.src='https://via.placeholder.com/200x200?text=赤霄'">
                        <div class="zmd-card-title">赤霄</div>
                    </div>
                    <div class="zmd-card">
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/9/9f/Weapon_Gun.png/200px-Weapon_Gun.png" alt="破阵者" onerror="this.src='https://via.placeholder.com/200x200?text=破阵者'">
                        <div class="zmd-card-title">破阵者</div>
                    </div>
                    <div class="zmd-card">
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/4/4c/Weapon_Staff.png/200px-Weapon_Staff.png" alt="终末法杖" onerror="this.src='https://via.placeholder.com/200x200?text=终末法杖'">
                        <div class="zmd-card-title">终末法杖</div>
                    </div>
                    <div class="zmd-card" onclick="location.href='/index.php/武器列表'">
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/d/d1/Weapon_List.png/200px-Weapon_List.png" alt="更多" onerror="this.src='https://via.placeholder.com/200x200?text=更多'">
                        <div class="zmd-card-title">武器列表 →</div>
                    </div>
                </div>
            </div>
         </div>
         </div>


         <!-- ========= 右栏 (270px) ========= -->
         <!-- 兑换中心卡片 -->
         <div class="zmd-right">
         <div class="redeem-card" style="
             <!-- 更新日志 -->
             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
             <div class="zmd-section">
            border-radius: 12px;
                <div class="zmd-section-title"><span>📰 最近更新</span></div>
             padding: 20px;
                <ul class="zmd-update-list">
            color: white;
                    <li><span class="zmd-update-date">06/15</span><span class="zmd-update-text"><a href="#">新增干员「凛视」档案</a></span></li>
        ">
                    <li><span class="zmd-update-date">06/14</span><span class="zmd-update-text"><a href="#">「象限结构术」机制详解</a></span></li>
            <h3 style="background: linear-gradient(135deg, #ffd89b, #c7e9fb); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; font-size: 20px;">存档与赞助</h3>
                    <li><span class="zmd-update-date">06/13</span><span class="zmd-update-text"><a href="#">版本更新公告 1.2.0</a></span></li>
            <div class="code-box" style="background: rgba(255,255,255,0.2); border-radius: 8px; padding: 12px; margin: 15px 0; text-align: center; font-family: monospace; font-size: 16px; letter-spacing: 2px;">新增存档与赞助道具</div>
                    <li><span class="zmd-update-date">06/12</span><span class="zmd-update-text"><a href="#">材料掉落一图流</a></span></li>
             <div class="redeem-info" style="font-size: 13px; opacity: 0.9;">
                    <li><span class="zmd-update-date">06/11</span><span class="zmd-update-text"><a href="#">新活动预告「终末协议」</a></span></li>
                 '''棋子-菲比使用权'''<br>
                </ul>
                 '''小小棋手-菲比'''<br>
            </div>
                 '''小小棋手-千咲'''
 
            <!-- 攻略推荐 -->
             <div class="zmd-section">
                <div class="zmd-section-title"><span>📖 攻略推荐</span></div>
                 <ul class="zmd-update-list">
                    <li><span class="zmd-update-text"><a href="#">新手入门指南 · 开荒必看</a></span></li>
                    <li><span class="zmd-update-text"><a href="#">干员培养优先级推荐</a></span></li>
                    <li><span class="zmd-update-text"><a href="#">基建布局最优解</a></span></li>
                    <li><span class="zmd-update-text"><a href="#">全关卡三星攻略合集</a></span></li>
                </ul>
            </div>
 
            <!-- 友情链接 / 合作 -->
            <div class="zmd-section">
                 <div class="zmd-section-title"><span>🤝 友情链接</span></div>
                 <div class="zmd-link-list">
                    <a href="#">明日方舟WIKI</a>
                    <a href="#">BWIKI首页</a>
                    <a href="#">攻略组招募</a>
                </div>
             </div>
             </div>
          <div class="redeem-btn" style="display: block; text-align: center; background: white; color: #667eea; padding: 6px 20px; border-radius: 20px; text-decoration: none; font-weight: bold; margin-top: 15px; transition: transform 0.2s;">
    [[兑换中心|兑换详情]]
</div>
         </div>
         </div>
     </div>
     </div><!-- .right-column 结束 -->


    <!-- 页脚 -->
</div><!-- .two-columns 结束 -->
    <div class="zmd-footer">
        <p>本WIKI由玩家爱好者自发组织编写,与游戏官方无关。<br>
        图片版权归原作者所有,如有疑问请联系我们。</p>
    </div>
 
</div>


<script>
</div><!-- .custom-homepage 结束 -->
// 倒计时函数
function updateCountdown() {
    const endTime = new Date("June 24, 2025 23:59:59").getTime();
    const now = new Date().getTime();
    const distance = endTime - now;
    if (distance < 0) {
        document.getElementById("countdown1").innerHTML = "活动已结束";
        return;
    }
    const days = Math.floor(distance / (1000 * 60 * 60 * 24));
    const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    const seconds = Math.floor((distance % (1000 * 60)) / 1000);
    document.getElementById("countdown1").innerHTML = days + "天 " + hours + "时 " + minutes + "分 " + seconds + "秒";
}
setInterval(updateCountdown, 1000);
updateCountdown();
</script>

2026年5月23日 (六) 14:10的最新版本

全站通知:萌新请先点击游戏攻略查看相关新手指南!

网站横幅

📢 更新公告

           1573版本
更新日期:2026年5月22日
• 新增角色1名
• 新增一个天赋
• 修复BUG和优化地图
• 新增难度4
• 野怪调整
• 羁绊调整和角色调整
           

存档与赞助

新增存档与赞助道具
               棋子-菲比使用权
小小棋手-菲比
小小棋手-千咲