760cd517c2
后端 game_base: - 货币并入 game.rule（rate/note 字段），新增可配置规则类别 game.rule.category（world/faction/character/currency） - 新增「配置」菜单与规则类别配置子项 - /game/api/rules 按类别分组返回，/game/api/currencies 保持兼容 - 列表分组取消等级累计（aggregator=False，适配 Odoo18） - 1.2 pre-migrate 清理旧 game.currency 记录，避免外部ID冲突 前端/官网: - 世界数据大报表（index.html + .wd-* 样式） - 背景 5 板块同步、论坛汉化、过渡资源与 views 拆分（announcement/codex/forum/page/rule/story）
144 lines
6.3 KiB
HTML
144 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>公告 · 新版预览</title>
|
||
<!-- 直接复用真实 auth.css，新公告样式就在里面 -->
|
||
<link rel="stylesheet" href="auth.css">
|
||
<style>
|
||
/* 复用 intro.html 的页面壳样式（只这一页用，不污染生产代码） */
|
||
* { margin:0; padding:0; box-sizing:border-box; }
|
||
html { scroll-behavior:smooth; }
|
||
body {
|
||
font-family:'Microsoft YaHei','PingFang SC',sans-serif;
|
||
background:#06090f;
|
||
color:#c8d6e5;
|
||
line-height:1.7;
|
||
min-height:100vh;
|
||
}
|
||
body::before {
|
||
content:"";
|
||
position:fixed; inset:0; z-index:0; pointer-events:none;
|
||
background:
|
||
radial-gradient(800px circle at 20% 10%, rgba(74,175,255,.08), transparent 50%),
|
||
radial-gradient(600px circle at 80% 30%, rgba(167,139,250,.06), transparent 50%);
|
||
}
|
||
.page {
|
||
position:relative; z-index:1;
|
||
padding:48px 36px 60px;
|
||
max-width:980px; margin:0 auto;
|
||
}
|
||
h1 {
|
||
font-size:28px; font-weight:bold; margin-bottom:6px;
|
||
background:linear-gradient(135deg,#4af,#a8e6cf);
|
||
-webkit-background-clip:text; -webkit-text-fill-color:transparent;
|
||
}
|
||
.page-sub { color:#556677; font-size:14px; margin-bottom:32px; }
|
||
.preview-bar {
|
||
position:fixed; bottom:14px; left:14px; z-index:3000;
|
||
background:rgba(15,23,42,.85); border:1px solid rgba(167,139,250,.3);
|
||
color:#a78bfa; font-size:12px; padding:8px 14px; border-radius:8px;
|
||
backdrop-filter:blur(8px); letter-spacing:1px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="page">
|
||
<!-- ===== 公告面板 ===== -->
|
||
<div class="tab-panel active" id="panel-announce">
|
||
<h1>公 告</h1>
|
||
<p class="page-sub">官方通知 · ANNOUNCEMENTS</p>
|
||
<div id="announce" class="announce-list" aria-live="polite"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="preview-bar">⚡ 新版公告预览 · 点击卡片可弹窗</div>
|
||
|
||
<!-- Mock API.announcements 返回的数据，与截图 5 条对应 -->
|
||
<script>
|
||
window.API = {
|
||
announcements: async () => ([
|
||
{
|
||
id: 1,
|
||
name: '宇森官网第一阶段上线：介绍 / 特色 / 背景 / 规则 / 图鉴 / 论坛 / 公告 / 致玩家 八块，单页切换呈现。介绍页即概念宣传片。',
|
||
date: '2026-07-09',
|
||
priority: 'normal',
|
||
priority_label: '普通',
|
||
body_html: '<p>官网第一阶段上线，全站共 8 个板块，全部通过顶部 Tab 单页切换呈现。</p>' +
|
||
'<p>介绍页即概念宣传片，从世界五层结构、玩家园丁视角、活的文明系统三方面切入，让你 30 秒看懂宇森在做什么。</p>' +
|
||
'<p>其他板块将在后续逐步充实内容，欢迎常回来看看。</p>'
|
||
},
|
||
{
|
||
id: 2,
|
||
name: '图鉴系统升级：种族 204 条、系别 / 性格 / 天赋 / 神器 / 传奇事件全面扩量，装备槽位对齐 头 / 手 / 胸 / 裤 / 鞋 / 戒指(双) / 项链 / 宝物；全部缩略图改为程序化矢量插画，零 AI 生图。',
|
||
date: '2026-07-09',
|
||
priority: 'important',
|
||
priority_label: '重要',
|
||
body_html: '<p>本次图鉴系统全面升级，主要变化：</p>' +
|
||
'<ul>' +
|
||
'<li><strong>种族条目扩至 204 条</strong>，覆盖主流奇幻 + 自创世界观。</li>' +
|
||
'<li>系别 / 性格 / 天赋 / 神器 / 传奇事件 五类同步扩量。</li>' +
|
||
'<li>装备槽位与游戏内对齐：头 / 手 / 胸 / 裤 / 鞋 / 戒指(双) / 项链 / 宝物。</li>' +
|
||
'<li>所有缩略图改为<strong>程序化矢量插画</strong>，彻底告别 AI 生图，风格统一、可缩放、无水印。</li>' +
|
||
'</ul>' +
|
||
'<p>欢迎在「图鉴」页查看新版视觉。</p>'
|
||
},
|
||
{
|
||
id: 3,
|
||
name: '概念宣传片《垂直生长》完成，呈现五层世界自上而下生长的镜头语言（天空层改为云朵地基块，星空层改为陨石科技带）。',
|
||
date: '2026-07-08',
|
||
priority: 'normal',
|
||
priority_label: '普通',
|
||
body_html: '<p>《垂直生长》是一支 90 秒的概念宣传片，镜头从星空层一直钻到地心熔岩，逐层展现五层世界如何"自上而下"生长。</p>' +
|
||
'<p>制作中我们对两层做了重要调整：</p>' +
|
||
'<ul>' +
|
||
'<li><strong>天空层</strong>：从原来的气流层改为云朵地基块，视觉上更"可踩"。</li>' +
|
||
'<li><strong>星空层</strong>：从星座点缀改为陨石科技带，强调"远古文明残骸"的世界感。</li>' +
|
||
'</ul>' +
|
||
'<p>后续会放出完整版本到官网与 B 站。</p>'
|
||
},
|
||
{
|
||
id: 4,
|
||
name: '园丁视角核心玩法原型启动，首版六边形地图与活 NPC 验证中。',
|
||
date: '2026-07-01',
|
||
priority: 'normal',
|
||
priority_label: '普通',
|
||
body_html: '<p>核心玩法原型正式立项，目标验证两件事：</p>' +
|
||
'<ol>' +
|
||
'<li><strong>六边形地图</strong>：从正方形切到正六边形密铺，缩放 / 平移 / 邻居查询是否顺畅。</li>' +
|
||
'<li><strong>活 NPC</strong>：单个 NPC 是否有"性格 + 记忆 + 自主决策"三个属性，能否在简单场景里产生涌现行为。</li>' +
|
||
'</ol>' +
|
||
'<p>首批反馈预计 7 月中下旬出，会同步到公告和论坛。</p>'
|
||
},
|
||
{
|
||
id: 5,
|
||
name: '图鉴系统规划确定：种族 / 建筑 / 生物 / 神器 四大类目，美术持续补充中。',
|
||
date: '2026-06-20',
|
||
priority: 'normal',
|
||
priority_label: '普通',
|
||
body_html: '<p>图鉴系统四大类目确定：</p>' +
|
||
'<ul>' +
|
||
'<li><strong>种族</strong>：所有可玩 / NPC / 敌对种族</li>' +
|
||
'<li><strong>建筑</strong>：所有可建造 / 不可建造但可见的结构</li>' +
|
||
'<li><strong>生物</strong>：野外生态群与城镇人口</li>' +
|
||
'<li><strong>神器</strong>：剧情道具 + 玩家可制造的高阶装备</li>' +
|
||
'</ul>' +
|
||
'<p>美术采用程序化矢量插画路线，目标是"无 AI 生图也能保持高质量"。</p>'
|
||
}
|
||
])
|
||
};
|
||
</script>
|
||
|
||
<!-- 真实 site-app.js，会调用 loadAnnounce() -->
|
||
<script src="assets/site-app.js"></script>
|
||
|
||
<!-- 预览页只关心公告，所以手动触发一次（生产页由 DOMContentLoaded 自动触发） -->
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
if (typeof loadAnnounce === 'function') loadAnnounce();
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |