CSAPP/index.html

54 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
<title>中国电信-工作台</title>
<link rel="stylesheet" href="./src/index.css">
</head>
<body>
<div class="app-container">
<header class="app-header">
<div class="header-left">
<img id="logo" src="./assets/logo.png" alt="Logo" class="logo" />
<h1>中国电信-工作台</h1>
</div>
<div class="header-right">
<span id="userInfo"></span>
<button id="btnLogout" class="logout-btn">退出登录</button>
</div>
</header>
<main class="app-main">
<nav class="sidebar" style="display: none;">
<ul id="menuList" class="menu-list">
<!-- 菜单项将通过JavaScript动态加载 -->
</ul>
</nav>
<div class="content-area">
<div class="tabs-container">
<tab-group sortable="true"></tab-group>
</div>
</div>
</main>
</div>
<!-- 故障窗口 -->
<div id="errorModal" class="modal">
<div class="modal-content">
<h2>访问失败</h2>
<p id="errorMessage"></p>
<button id="closeErrorModal" class="close-btn">确定</button>
</div>
</div>
<script src="node_modules/electron-tabs/dist/electron-tabs.js"></script>
<script type="module" src="./src/index.ts"></script>
</body>
</html>