4554a4cfd2
- 新增组件加载器实现动态加载HTML组件 - 重构导航功能，添加滚动到顶部功能 - 新增多个UI组件：header、sidebar、logs、usage等 - 实现移动端菜单响应式设计 - 优化DOM元素获取方式，使用延迟加载 - 新增系统监控模块和用量缓存功能 - 扩展静态文件服务支持/components路径 - 实现插件管理和系统API接口 - 添加配置上传和管理功能 - 完善认证和token管理机制
16 lines
No EOL
959 B
HTML
16 lines
No EOL
959 B
HTML
<link rel="stylesheet" href="components/section-logs.css">
|
|
<!-- Logs Section -->
|
|
<section id="logs" class="section" aria-labelledby="logs-title">
|
|
<h2 id="logs-title" data-i18n="logs.title">实时日志</h2>
|
|
<div class="logs-controls">
|
|
<button class="btn btn-danger" id="clearLogs" aria-label="Clear All Logs" data-i18n-aria-label="logs.clear">
|
|
<i class="fas fa-trash" aria-hidden="true"></i> <span data-i18n="logs.clear">清空日志</span>
|
|
</button>
|
|
<button class="btn btn-primary" id="toggleAutoScroll" data-enabled="true" aria-label="Toggle Auto-scroll" data-i18n-aria-label="logs.autoScroll">
|
|
<i class="fas fa-arrow-down" aria-hidden="true"></i> <span data-i18n="logs.autoScroll.on">自动滚动: 开</span>
|
|
</button>
|
|
</div>
|
|
<div class="logs-container" id="logsContainer" role="log" aria-live="polite" aria-atomic="false">
|
|
<!-- Logs will appear here -->
|
|
</div>
|
|
</section> |