zhizhi/modules/M22-bulletin/index.html

171 lines
8.0 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HoloLake公告栏</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="app-container">
<!-- 顶部标题栏 -->
2026-03-11 11:06:16 +08:00
<<<<<<< HEAD
<div class="header">
<h1>公告栏</h1>
<div class="header-actions">
<span class="pinned-badge">2条置顶</span>
<button class="subscribe-btn">订阅</button>
</div>
</div>
<!-- 频道标签栏 -->
<div class="channel-bar">
<span class="channel active">全部</span>
<span class="channel">系统公告</span>
<span class="channel">开发动态</span>
<span class="channel">团队消息</span>
</div>
<!-- 公告列表 -->
<div class="bulletin-list">
<!-- 置顶公告1 -->
<div class="bulletin-card pinned">
<div class="pin-indicator">置顶</div>
<div class="bulletin-icon system"></div>
<div class="bulletin-content">
<div class="bulletin-header">
<span class="bulletin-title">光湖系统MVP v0.4.0发布公告</span>
<span class="bulletin-time">2小时前</span>
</div>
<p class="bulletin-summary">主域公告栏与频道过渡系统M22正式进入环节0开发。新增公告置顶、频道分类、时间线展示功能信息展示层逐步完善。</p>
<div class="bulletin-footer">
<span class="bulletin-tag tag-system">系统公告</span>
<span class="bulletin-author">发布者:曜冥主控</span>
</div>
</div>
</div>
<!-- 置顶公告2 -->
<div class="bulletin-card pinned">
<div class="pin-indicator">置顶</div>
<div class="bulletin-icon dev"></div>
<div class="bulletin-content">
<div class="bulletin-header">
<span class="bulletin-title">SYSLOG提交流程v2上线通知</span>
<span class="bulletin-time">5小时前</span>
</div>
<p class="bulletin-summary">SYSLOG生成方式已更新为「知秋主动提问制」完成任务后由知秋引导填写无需手动套用模板。即日起生效。</p>
<div class="bulletin-footer">
<span class="bulletin-tag tag-dev">开发动态</span>
<span class="bulletin-author">发布者:知秋</span>
</div>
</div>
</div>
<!-- 普通公告1 -->
<div class="bulletin-card">
<div class="bulletin-icon team"></div>
<div class="bulletin-content">
<div class="bulletin-header">
<span class="bulletin-title">欢迎Awen加入光湖团队</span>
<span class="bulletin-time">1天前</span>
</div>
<p class="bulletin-summary">DEV-012 Awen正式加入光湖开发团队成为第12位协作者。首个模块M09消息通知中心已全通关</p>
</div>
</div>
<!-- 普通公告2 -->
<div class="bulletin-card">
<div class="bulletin-icon dev"></div>
<div class="bulletin-content">
<div class="bulletin-header">
<span class="bulletin-title">M08数据统计面板全通关</span>
<span class="bulletin-time">2天前</span>
</div>
<p class="bulletin-summary">完成M08全部环节七连胜达成响应式布局+SVG环形图+CSV导出一次通过正式前端毕业</p>
<div class="bulletin-footer">
<span class="bulletin-tag tag-dev">开发动态</span>
<span class="bulletin-author">发布者:霜砚</span>
</div>
</div>
</div>
<!-- 普通公告3 -->
<div class="bulletin-card">
<div class="bulletin-icon system"></div>
<div class="bulletin-content">
<div class="bulletin-header">
<span class="bulletin-title">HTTPS配置与飞书Webhook联调完成</span>
<span class="bulletin-time">3天前</span>
</div>
<p class="bulletin-summary">光湖主域已完成HTTPS配置与飞书Webhook全链路联调Nginx+PM2+Certbot部署完毕系统脊梁正式贯通。</p>
<div class="bulletin-footer">
<span class="bulletin-tag tag-system">系统公告</span>
<span class="bulletin-author">发布者:页页</span>
</div>
</div>
</div>
<!-- 普通公告4 -->
<div class="bulletin-card">
<div class="bulletin-icon team"></div>
<div class="bulletin-content">
<div class="bulletin-header">
<span class="bulletin-title">本周开发者进度总览</span>
<span class="bulletin-time">3天前</span>
</div>
<p class="bulletin-summary">12位开发者中8位活跃累计完成30+个环节。肥猫五连胜、桔子七连胜、小草莓五连胜、Awen四连胜团队势头强劲</p>
<div class="bulletin-footer">
<span class="bulletin-tag tag-team">团队消息</span>
<span class="bulletin-author">发布者:曜冥主控</span>
</div>
</div>
</div>
</div>
<!-- 底部状态栏 -->
<div class="footer">
<span>共6条公告2条置顶</span>
<span class="footer-brand">HoloLake光湖系统</span>
</div>
</div>
2026-03-11 11:06:16 +08:00
=======
<header class="header">
<h1 data-i18n="title">公告栏</h1>
<div class="header-actions">
<!-- 语言切换器 -->
<div class="lang-switcher">
<button class="lang-btn" data-lang="zh-CN" aria-label="切换到中文"></button>
<button class="lang-btn" data-lang="en-US" aria-label="Switch to English">EN</button>
</div>
<span class="pinned-badge" data-i18n="pinned">条置顶</span>
<button class="subscribe-btn" data-i18n="subscribe">订阅</button>
</div>
</header>
<!-- 频道标签栏(用 nav 包裹) -->
<nav class="channel-bar" role="tablist">
<button class="channel-tab active" data-channel="全部" role="tab" data-i18n="all">全部</button>
<button class="channel-tab" data-channel="系统" role="tab" data-i18n="system">系统公告</button>
<button class="channel-tab" data-channel="知秋" role="tab" data-i18n="dev">开发动态</button>
<button class="channel-tab" data-channel="技术" role="tab" data-i18n="team">团队消息</button>
</nav>
<!-- 公告主内容区 -->
<main class="bulletin-container" role="list"></main>
<!-- 底部状态栏 -->
<footer class="footer">
<span><span id="totalCount">6</span> 条公告 <span id="pinnedCount">2</span> <span data-i18n="pinned">条置顶</span></span>
<span class="footer-brand" data-i18n="footer">HoloLake光湖系统</span>
</footer>
</div>
<!-- 先加载 i18n再加载其他 JS -->
<script src="i18n.js"></script>
<script src="api.js"></script>
2026-03-11 11:06:16 +08:00
>>>>>>> origin/main
<script src="storage.js"></script>
<script src="script.js"></script>
</body>
</html>