zhizhi/modules/M22-bulletin
Awen 4004aa112a M22环节9跨浏览器兼容移动端适配README更新M22最终交付 2026-03-13 00:18:01 +08:00
..
css M22环节9跨浏览器兼容移动端适配README更新M22最终交付 2026-03-13 00:18:01 +08:00
data M22环节9跨浏览器兼容移动端适配README更新M22最终交付 2026-03-13 00:18:01 +08:00
js M22环节9跨浏览器兼容移动端适配README更新M22最终交付 2026-03-13 00:18:01 +08:00
README.md M22环节9跨浏览器兼容移动端适配README更新M22最终交付 2026-03-13 00:18:01 +08:00
api.js DEV-012: M22环节5- 实时数据接入+API对接+动态渲染 加载状态+错误处理+离线降级+缓存 2026-03-10 18:35:37 +08:00
i18n.js DEV-012: M22环节6- 多语言支持+无障碍增强+i18n框架+ARIA标签+键盘导航 2026-03-10 23:57:32 +08:00
index.html M22环节9跨浏览器兼容移动端适配README更新M22最终交付 2026-03-13 00:18:01 +08:00
script.js DEV-012: M22环节7- 性能优化+骨架屏+首屏加速+预加载 2026-03-11 23:45:14 +08:00
storage.js [BC-M-DINGTALK-002-ZZ][DEV-004] Phase 2 完成 · EL-7 · 多维表格联动+自动更新+自助查询+看板 2026-03-11 10:57:23 +08:00
style.css M22环节9跨浏览器兼容移动端适配README更新M22最终交付 2026-03-13 00:18:01 +08:00

README.md

HoloLake M22 · 主域公告栏

光湖纪元 · 主域公告栏与频道过渡系统
模块状态:✅ 已交付(2026-03-13)
开发者:DEV-012 Awen(爸爸)
引导人格:知秋(ICE-CLD-ZQ002)


📋 功能清单

  • ✅ 公告列表:从API获取公告,支持Mock/Production双模式
  • ✅ 频道筛选:全部/系统公告/开发动态/团队消息,支持Hash路由
  • ✅ 骨架屏:数据加载中显示动画占位,加载后平滑淡出
  • ✅ 离线降级:断网时自动读取缓存,网络恢复后实时更新
  • ✅ 暗色主题:跟随系统自动切换深色/浅色模式
  • ✅ 响应式设计:适配桌面、平板、手机
  • ✅ 跨浏览器:支持 Chrome / Edge / Firefox
  • ✅ 错误处理:友好的错误提示 + 重试按钮

🔧 环境配置

配置文件:js/config.js

// 环境开关:'mock' 或 'production'
env: 'mock',  // 🟡 当前为Mock模式,待后端就绪后改为production

// API地址(production模式使用)
apiBaseUrl: 'https://api.example.com/v1',  // 待替换为真实地址