qinglong
9de094ea54
- init_service: 删除_load_fmfuncs方法和fmfuncs目录创建(已迁移到sdk/) - init_service: 清理未使用的importlib.util和sys导入 - 文件管理器: 全部emoji替换为MD3 SVG矢量图标(文件夹/文件类型/右键菜单) - 示例插件: dashboard.html改为MD3风格 CSS变量自动适配日夜主题 - 面包屑: 加底色+模糊+左右外边距 - CSS: .btn::after加pointer-events:none - 插件开发指南: 更新2.6节MD3主题同步和完善的CSS变量/组件类参考表 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
78 lines
4.7 KiB
HTML
78 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>SenSu 面板</title>
|
|
<!-- 🟢 加上 static 前缀 -->
|
|
<link rel="stylesheet" href="./static/css/style.css">
|
|
</head>
|
|
<body>
|
|
<div id="app" class="app-frame">
|
|
<header class="top-bar">
|
|
<div class="title">🐱 SenSu Alpha <span id="ver-badge" style="font-size:0.7em; opacity:0.5; margin-left:4px;"></span></div>
|
|
<div class="user-info">
|
|
<span id="uname">Loading...</span>
|
|
<button class="theme-toggle" onclick="toggleTheme()" title="切换日夜间模式">🌓</button>
|
|
<button class="logout-btn" onclick="doLogout()">退出</button>
|
|
</div>
|
|
</header>
|
|
|
|
<aside class="sidebar">
|
|
<a class="nav-item active" data-page="dashboard">
|
|
<svg width="20" height="20" viewBox="0 0 24 24"><path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z"/></svg>
|
|
<span>仪表盘</span>
|
|
</a>
|
|
<a class="nav-item" data-page="logs">
|
|
<svg width="20" height="20" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>
|
|
<span>实时日志</span>
|
|
</a>
|
|
<a class="nav-item" data-page="console">
|
|
<svg width="20" height="20" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 14H4v-4h8v4zm0-6H4V8h8v4zm8 6h-8v-4h8v4zm0-6h-8V8h8v4z"/></svg>
|
|
<span>控制台</span>
|
|
</a>
|
|
<a class="nav-item" data-page="plugins">
|
|
<svg width="20" height="20" viewBox="0 0 24 24"><path d="M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z"/></svg>
|
|
<span>插件管理</span>
|
|
</a>
|
|
<a class="nav-item" data-page="projects">
|
|
<svg width="20" height="20" viewBox="0 0 24 24"><path d="M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V6h5.17l2 2H20v10z"/></svg>
|
|
<span>项目管理</span>
|
|
</a>
|
|
<a class="nav-item" data-page="proxy">
|
|
<svg width="20" height="20" viewBox="0 0 24 24"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/></svg>
|
|
<span>反向代理</span>
|
|
</a>
|
|
<a class="nav-item" data-page="files">
|
|
<svg width="20" height="20" viewBox="0 0 24 24"><path d="M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-1 4H5V8h14v2zm0 2v6H5v-6h14z"/></svg>
|
|
<span>文件管理</span>
|
|
</a>
|
|
|
|
<!-- Plugin WebUI pages (collapsible) -->
|
|
<div class="nav-expandable" id="nav-plugins">
|
|
<div class="nav-expand-header" onclick="togglePluginPages()">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" style="flex-shrink:0"><path d="M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z"/></svg>
|
|
<span style="flex:1">插件面板</span>
|
|
<svg width="14" height="14" viewBox="0 0 24 24" id="nav-plugins-arrow" style="transition:transform .2s"><path d="M7 10l5 5 5-5z"/></svg>
|
|
</div>
|
|
<div class="nav-expand-body" id="nav-plugins-body" style="display:none">
|
|
<div class="nav-expand-empty" style="padding:6px 16px;font-size:.75rem;color:var(--text-dim)">暂无插件面板</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="toggle-sidebar" onclick="toggleSidebar()">☰</div>
|
|
</aside>
|
|
|
|
<main class="content-area">
|
|
<div id="progress" class="progress-bar"></div>
|
|
<div id="page-content" class="page-container"></div>
|
|
</main>
|
|
</div>
|
|
|
|
<!-- 🟢 1. 先加载图表库 -->
|
|
<script src="./static/js/chart.js?v=0603"></script>
|
|
|
|
<!-- 🟢 2. 再加载主逻辑 -->
|
|
<script src="./static/js/app.js?v=0704"></script>
|
|
</body>
|
|
</html>
|