34 lines
1.0 KiB
HTML
34 lines
1.0 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="zh">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>M-CHANNEL · 用户频道引擎</title>
|
|||
|
|
<link rel="stylesheet" href="channel-style.css">
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<!-- 导航栏 -->
|
|||
|
|
<nav class="channel-nav">
|
|||
|
|
<a href="#/home" class="nav-link">🏠 首页</a>
|
|||
|
|
<a href="#/channel" class="nav-link">📺 我的频道</a>
|
|||
|
|
<a href="#/about" class="nav-link">ℹ️ 关于</a>
|
|||
|
|
</nav>
|
|||
|
|
|
|||
|
|
<!-- 路由容器：动态内容放这里 -->
|
|||
|
|
<main id="router-view" class="router-view">
|
|||
|
|
<p>✨ 加载中...</p>
|
|||
|
|
</main>
|
|||
|
|
|
|||
|
|
<!-- 底部状态栏 -->
|
|||
|
|
<footer class="status-bar">
|
|||
|
|
<span id="current-route">当前路由：/</span>
|
|||
|
|
</footer>
|
|||
|
|
|
|||
|
|
<!-- 脚本区（注意顺序：注册表 → 加载器 → 路由 → 应用入口） -->
|
|||
|
|
<script src="module-registry.js"></script>
|
|||
|
|
<script src="module-loader.js"></script>
|
|||
|
|
<script src="channel-router.js"></script>
|
|||
|
|
<script src="app.js"></script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|