pengyuthon/game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面

Browse Source
This commit is contained in:
李鹏宇
2026-09-16 17:35:22 +08:00
parent 17da187279
commit 527a391d51
1 changed files with 32 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
world.html
+32 -50
View File
@@ -218,7 +218,7 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
backdrop-filter:blur(10px); box-shadow:0 8px 28px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
transition:all .25s ease;
}
/* 折叠态：一行 4 个核心按钮（任务/设置/排行榜/官网），箭头在底部横条 */
/* 折叠态：一行 5 个核心按钮（商城/任务/邮箱/设置/官网），箭头在底部横条 */
#sceneToolbar.collapsed{ grid-template-columns:repeat(5,64px); }
#sceneToolbar.collapsed .top-icon:not(.toolbar-core):not(#btnToolbarToggle){ display:none; }
/* 箭头按钮：横跨全宽的扁长条，不占功能按钮格子 */
@@ -514,7 +514,7 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
background: rgba(255,255,255,0.02);
}
/* 底部左侧快捷图标栏（由右侧汉堡菜单迁入的 9 项） */
/* 底部左侧快捷图标栏（由右侧汉堡菜单迁入的功能图标） */
#bottomBar .bb-quick-icons {
display: flex; align-items: center; gap: 10px; flex: 1;
overflow-x: auto; overflow-y: hidden; padding-right: 6px;
@@ -539,6 +539,9 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
width: 22px; height: 22px; object-fit: contain; pointer-events: none; filter: drop-shadow(0 1px 2px rgba(0,0,0,.4));
}
#bottomBar .bb-quick-icons .quick-icon .qi-label { font-size: 10px; line-height: 1; text-align: center; white-space: nowrap; pointer-events: none; }
#bottomBar .bb-quick-icons .quick-icon .qi-emoji { font-size: 20px; line-height: 1; pointer-events: none; filter: drop-shadow(0 1px 2px rgba(0,0,0,.4)); }
/* 迁入按钮上的红点角标：按 quick-icon（54px）缩小定位 */
#bottomBar .bb-quick-icons .quick-icon .top-icon-badge { top: -5px; right: -5px; min-width: 16px; height: 16px; padding: 0 4px; font-size: 10px; }
#bottomBar .bb-quick-icons .quick-icon.active { outline: 2px solid rgba(255,255,255,.75); box-shadow: 0 0 14px rgba(140,180,255,.55); border-color: rgba(139,92,246,.7); }
/* 微观世界视图 —— 直接切换，无渐变过渡：加载完即时显示/隐藏，进出皆为硬切 */
@@ -1379,6 +1382,7 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
#bottomBar .bb-quick-icons .quick-icon{width:46px;height:46px;border-radius:10px;}
#bottomBar .bb-quick-icons .quick-icon img,
#bottomBar .bb-quick-icons .quick-icon svg{width:18px;height:18px;}
#bottomBar .bb-quick-icons .quick-icon .qi-emoji{font-size:17px;}
#bottomBar .bb-quick-icons .quick-icon .qi-label{font-size:8px;}
#bottomBar .bb-btn{padding:8px 11px;font-size:12px;}
#navControls{bottom:calc(96px + env(safe-area-inset-bottom));right:14px;
@@ -1398,6 +1402,7 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
#bottomBar .bb-quick-icons .quick-icon{width:40px;height:40px;border-radius:9px;}
#bottomBar .bb-quick-icons .quick-icon img,
#bottomBar .bb-quick-icons .quick-icon svg{width:16px;height:16px;}
#bottomBar .bb-quick-icons .quick-icon .qi-emoji{font-size:15px;}
#bottomBar .bb-quick-icons .quick-icon .qi-label{font-size:7px;}
#bottomBar .bb-btn{padding:7px 9px;font-size:11px;}
#worldExpBarWrap{width:280px;gap:5px;}
@@ -1558,7 +1563,7 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
<div id="clockLabel">清晨 07:30</div>
<div id="calendarLabel">星元 1年 · 春</div>
</div>
<!-- 天赋按钮已迁移至右上汉堡菜单（#sceneToolbar > #talentBtn），保持 id 不变避免影响 JS 引用 -->
<!-- 天赋按钮已迁移至底部快捷图标栏（#bottomBar > .bb-quick-icons > #talentBtn），保持 id 不变避免影响 JS 引用 -->
<div class="userArea" id="userArea" hidden>
<div class="ua-trigger" id="uaTrigger">
<span class="ua-avatar">●</span>
@@ -1601,9 +1606,9 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
<!-- 场景悬浮工具条：顶部栏正下方、浮于场景画面上 -->
<div id="sceneToolbar" class="collapsed">
<button class="top-icon" id="talentBtn" hidden title="我的天赋">
<span style="font-size:24px;line-height:1;">🌟</span>
<span class="top-icon-label">天赋</span>
<button class="top-icon toolbar-core" id="btnMall" type="button" title="商城">
<img src="assets/icons/shop/shop.png?v=4" alt="商城">
<span class="top-icon-label">商城</span>
</button>
<button class="top-icon toolbar-core" id="btnTask" type="button" title="任务">
<img src="assets/icons/task/task.png?v=2" alt="任务">
@@ -1618,44 +1623,14 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
<img src="assets/icons/settings/settings.png?v=2" alt="设置">
<span class="top-icon-label">设置</span>
</button>
<button class="top-icon" id="btnAuction" type="button" title="拍卖行">
<img src="assets/icons/auction/auction.png?v=2" alt="拍卖行">
<span class="top-icon-label">拍卖行</span>
</button>
<button class="top-icon" id="btnInventory" type="button" title="包裹">
<img src="assets/icons/inventory/inventory.png?v=2" alt="包裹">
<span class="top-icon-label">包裹</span>
</button>
<button class="top-icon" id="btnMall" type="button" title="商城">
<img src="assets/icons/shop/shop.png?v=4" alt="商城">
<span class="top-icon-label">商城</span>
</button>
<button class="top-icon" id="btnNotice" type="button" title="公告">
<img src="assets/icons/notice/notice.png?v=2" alt="公告">
<span class="top-icon-label">公告</span>
</button>
<button class="top-icon toolbar-core" id="btnRank" type="button" title="排行榜">
<img src="assets/icons/rank/rank.png?v=3" alt="排行榜">
<span class="top-icon-label">排行榜</span>
</button>
<button class="top-icon" id="btnTech" type="button" title="科技">
<img src="assets/icons/tech/tech.png?v=2" alt="科技">
<span class="top-icon-label">科技</span>
</button>
<button class="top-icon" id="btnCalendar" type="button" title="日历">
<img src="assets/icons/calendar/calendar.png?v=2" alt="日历">
<span class="top-icon-label">日历</span>
</button>
<button class="top-icon" id="btnFriends" type="button" title="好友">
<img src="assets/icons/friends/friends.png?v=2" alt="好友">
<span class="top-icon-label">好友</span>
<span class="top-icon-badge" id="friendBadge" hidden>0</span>
</button>
<button class="top-icon" id="btnAchievements" type="button" title="成就">
<img src="assets/icons/achievement/achievement.png?v=5" alt="成就">
<span class="top-icon-label">成就</span>
<span class="top-icon-badge" id="achBadge" hidden></span>
</button>
<button class="top-icon toolbar-core" id="btnWebsite" type="button" title="官网">
<img src="assets/icons/website/website.png?v=2" alt="官网">
<span class="top-icon-label">官网</span>
@@ -1688,6 +1663,25 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
<img src="assets/icons/height/height.png?v=2" alt="高度">
<span class="qi-label">高度</span>
</button>
<!-- 由右上汉堡菜单迁入：天赋 / 科技 / 好友 / 成就（保持 id 不变，JS 引用无需改动） -->
<button class="quick-icon" id="talentBtn" hidden title="我的天赋">
<span class="qi-emoji">🌟</span>
<span class="qi-label">天赋</span>
</button>
<button class="quick-icon" id="btnTech" type="button" title="科技">
<img src="assets/icons/tech/tech.png?v=2" alt="科技">
<span class="qi-label">科技</span>
</button>
<button class="quick-icon" id="btnFriends" type="button" title="好友">
<img src="assets/icons/friends/friends.png?v=2" alt="好友">
<span class="qi-label">好友</span>
<span class="top-icon-badge" id="friendBadge" hidden>0</span>
</button>
<button class="quick-icon" id="btnAchievements" type="button" title="成就">
<img src="assets/icons/achievement/achievement.png?v=5" alt="成就">
<span class="qi-label">成就</span>
<span class="top-icon-badge" id="achBadge" hidden></span>
</button>
</div>
<div class="bb-slots" style="display:none;">
<button class="bb-btn" id="btnManage" type="button" style="display:none;">⚙️ 管理</button>
@@ -8958,7 +8952,7 @@ if (typeof fitWorld === 'function') fitWorld();
}, 220);
}
// 已翻开的牌：飞向顶栏「天赋」按钮
// 已翻开的牌：飞向底部「天赋」按钮
flipped.forEach((card, i) => {
const rect = card.getBoundingClientRect();
const clone = card.cloneNode(true);
@@ -9158,7 +9152,7 @@ if (typeof fitWorld === 'function') fitWorld();
try { await API.logout(); } catch (e) {}
location.replace('login.html');
});
// 场景悬浮工具条：官网、任务、商城、公告、排行榜、日历、拍卖行
// 场景悬浮工具条：商城、任务、邮箱、设置、包裹、天赋、公告、科技、好友、成就、官网、首领挑战（折叠态只留核心 5 个：商城/任务/邮箱/设置/官网）
const btnWebsite = document.getElementById('btnWebsite');
if (btnWebsite) btnWebsite.addEventListener('click', () => { location.href = 'index.html'; });
const btnToolbarToggle = document.getElementById('btnToolbarToggle');
@@ -9183,18 +9177,6 @@ if (typeof fitWorld === 'function') fitWorld();
if (btnNotice) btnNotice.addEventListener('click', () => {
openAppModal('公告', '<div style="text-align:center;padding:24px;color:#8899aa;font-size:13px;">公告系统即将开放<br><br>运营活动、版本更新与维护通知将在此集中展示，重要公告带红点提醒。</div>');
});
const btnRank = document.getElementById('btnRank');
if (btnRank) btnRank.addEventListener('click', () => {
openAppModal('排行榜', '<div style="text-align:center;padding:24px;color:#8899aa;font-size:13px;">排行榜即将开放<br><br>世界等级、财富与成就榜单，激励你冲榜。</div>');
});
const btnCalendar = document.getElementById('btnCalendar');
if (btnCalendar) btnCalendar.addEventListener('click', () => {
openAppModal('日历', '<div style="text-align:center;padding:24px;color:#8899aa;font-size:13px;">世界日历即将开放<br><br>限时副本、公会战与世界事件时间一目了然。</div>');
});
const btnAuction = document.getElementById('btnAuction');
if (btnAuction) btnAuction.addEventListener('click', () => {
openAppModal('拍卖行', '<div style="text-align:center;padding:24px;color:#8899aa;font-size:13px;">拍卖行即将开放<br><br>玩家之间自由交易道具、材料与稀有素材。</div>');
});
// 首领挑战：先进入「首领挑战地图」（独立覆盖层），点区域再进战场
const btnBoss = document.getElementById('btnBoss');
if (btnBoss) btnBoss.addEventListener('click', () => {