```

feat(router): 引入路由系统并重构页面结构 - 为项目引入基于 hash 的前端路由系统，支持多页面切换与动态加载 - 将原有单一 bundle 拆分为多个入口打包（index.js 和 timestamp.js） - 修改 Rollup 配置以支持多输出文件及插件共享 - 更新 HTML 结构以适配路由容器和页面占位元素 - 调整 CSS 样式，移除旧的页面切换动画，交由路由控制 - 优化 domUtils 工具函数，并迁移部分样式处理逻辑 - 在 timestamp.js 中封装初始化函数以便路由调用 - todolist 页面模板新增，用于后续功能开发 ```
2025-11-27 23:04:24 +08:00
parent ed6053473d
commit 884fc09750
10 changed files with 293 additions and 164 deletions
@@ -10,12 +10,18 @@
  <body>
    <!-- 导航栏 -->
    <nav class="navbar">
-      <button class="nav-button active">时间戳转换</button>
-      <button class="nav-button">任务清单</button>
+      <button class="nav-button active" id="timestamp-jump">时间戳转换</button>
+      <button class="nav-button" id="todo-jump">任务清单</button>
      <button id="close-panel-btn" class="close-button">X</button>
    </nav>
-    <div id="app"></div>
+    <div id="app">
+      <div class="page" hash="/home">
+        <div class="page-content">
+          <div id="home"></div>
+        </div>
+      </div>
+    </div>

-    <script src="../dist/bundle.js"></script>
+    <script src="../dist/index.js"></script>
  </body>
 </html>