雨霖铃
884fc09750
feat(router): 引入路由系统并重构页面结构 - 为项目引入基于 hash 的前端路由系统，支持多页面切换与动态加载 - 将原有单一 bundle 拆分为多个入口打包（index.js 和 timestamp.js） - 修改 Rollup 配置以支持多输出文件及插件共享 - 更新 HTML 结构以适配路由容器和页面占位元素 - 调整 CSS 样式，移除旧的页面切换动画，交由路由控制 - 优化 domUtils 工具函数，并迁移部分样式处理逻辑 - 在 timestamp.js 中封装初始化函数以便路由调用 - todolist 页面模板新增，用于后续功能开发 ```
28 lines
793 B
HTML
28 lines
793 B
HTML
<!-- sidepanel/index.html -->
|
|
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>测试工具</title>
|
|
<link rel="stylesheet" href="style/style.css" />
|
|
</head>
|
|
<body>
|
|
<!-- 导航栏 -->
|
|
<nav class="navbar">
|
|
<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 class="page" hash="/home">
|
|
<div class="page-content">
|
|
<div id="home"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="../dist/index.js"></script>
|
|
</body>
|
|
</html>
|