feat: 新增知资札记工具及相关功能
1. 新增知资札记完整站点:包含首页、详情页、管理后台 2. 添加站点图标、鉴权配置与后端API鉴权逻辑 3. 在市场页面新增知资札记入口跳转 4. 新增经典乡村音乐播放列表文件 5. 临时添加养生谚语批量导入脚本
This commit is contained in:
@@ -0,0 +1,147 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>知资札记 · 证券投资图文存档站</title>
|
||||
<link rel="icon" href="/icons/zhizi_notes.svg" type="image/svg+xml" />
|
||||
<link rel="stylesheet" href="/common/common.css" />
|
||||
<link rel="stylesheet" href="/tools/zhizi_notes/zhizi_notes.css" />
|
||||
</head>
|
||||
<body>
|
||||
<!-- Toast -->
|
||||
<div id="zs-toast" class="zs-toast"></div>
|
||||
|
||||
<!-- 侧边栏遮罩(手机) -->
|
||||
<div id="zs-sidebar-overlay" class="zs-sidebar-overlay"></div>
|
||||
|
||||
<!-- ═══════════════ 顶部 Header ═══════════════ -->
|
||||
<header class="zs-header">
|
||||
<button id="zs-hamburger" class="hamburger" title="菜单">☰</button>
|
||||
<div class="logo">知资札记</div>
|
||||
<nav class="nav-menu">
|
||||
<button class="active" data-nav="home">首页</button>
|
||||
<button data-nav="archive">分类归档</button>
|
||||
<button data-nav="favorites">我的收藏</button>
|
||||
<button data-nav="submit">提交存档</button>
|
||||
</nav>
|
||||
<div class="header-right">
|
||||
<div class="search-box">
|
||||
<input id="zs-search" type="text" placeholder="搜索标题/标签…" />
|
||||
<button id="zs-search-btn" title="搜索">🔍</button>
|
||||
</div>
|
||||
<button id="zs-theme-btn" class="theme-btn" title="切换暗黑模式">🌙</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- ═══════════════ 主体布局 ═══════════════ -->
|
||||
<div class="zs-layout">
|
||||
<!-- 左侧筛选栏 -->
|
||||
<aside id="zs-sidebar" class="zs-sidebar">
|
||||
<!-- 内容分类 -->
|
||||
<div class="sidebar-section">
|
||||
<div class="sidebar-title">内容分类</div>
|
||||
<div id="zs-categories">
|
||||
<button class="cat-item active" data-cat="">全部</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 热门标签 -->
|
||||
<div class="sidebar-section">
|
||||
<div class="sidebar-title">热门标签</div>
|
||||
<div id="zs-tags" class="tag-cloud"></div>
|
||||
</div>
|
||||
|
||||
<!-- 时间筛选 -->
|
||||
<div class="sidebar-section">
|
||||
<div class="sidebar-title">时间筛选</div>
|
||||
<div class="time-filter">
|
||||
<button class="time-item active" data-time="">全部</button>
|
||||
<button class="time-item" data-time="week">本周存档</button>
|
||||
<button class="time-item" data-time="month">本月</button>
|
||||
<button class="time-item" data-time="quarter">季度</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 内容类型 -->
|
||||
<div class="sidebar-section">
|
||||
<div class="sidebar-title">内容类型</div>
|
||||
<div class="type-toggle">
|
||||
<button class="type-btn active" data-type="">全部</button>
|
||||
<button class="type-btn" data-type="text">纯文字</button>
|
||||
<button class="type-btn" data-type="image">图文多图</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 站点统计 -->
|
||||
<div class="sidebar-section">
|
||||
<div class="sidebar-title">站点统计</div>
|
||||
<div class="stats-card">
|
||||
<div class="stat-row"><span>总存档文章</span><span class="stat-val" id="zs-stat-articles">0</span></div>
|
||||
<div class="stat-row"><span>总存档图片</span><span class="stat-val" id="zs-stat-images">0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<!-- 中间主内容区 -->
|
||||
<main class="zs-main">
|
||||
<!-- 视图切换 + 筛选标签 -->
|
||||
<div class="view-toggle">
|
||||
<button class="active" data-view="card">📐 瀑布卡片</button>
|
||||
<button data-view="list">📋 简洁列表</button>
|
||||
<div id="zs-filter-tags" class="filter-tags" style="flex:1;margin-left:8px"></div>
|
||||
</div>
|
||||
|
||||
<!-- 卡片网格 -->
|
||||
<div id="zs-card-grid" class="card-grid"></div>
|
||||
|
||||
<!-- 加载状态 -->
|
||||
<div id="zs-loading" class="zs-loading" style="display:none">
|
||||
<div class="spinner"></div>
|
||||
<div>加载中…</div>
|
||||
</div>
|
||||
|
||||
<!-- 空状态 -->
|
||||
<div id="zs-empty" class="zs-empty" style="display:none">
|
||||
<div>暂无存档内容</div>
|
||||
<div style="font-size:0.8rem;margin-top:4px">点击右侧「提交新存档」开始记录</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- 右侧辅助栏 -->
|
||||
<aside class="zs-rightbar">
|
||||
<!-- 站长精选 -->
|
||||
<div class="right-section">
|
||||
<div class="right-title">站长精选</div>
|
||||
<div id="zs-pinned">
|
||||
<div class="pinned-item" style="color:var(--text-light)">暂无置顶</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 最新入库 -->
|
||||
<div class="right-section">
|
||||
<div class="right-title">最新入库</div>
|
||||
<div id="zs-latest">
|
||||
<div class="latest-item" style="color:var(--text-light)">暂无存档</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 分类占比 -->
|
||||
<div class="right-section">
|
||||
<div class="right-title">分类占比</div>
|
||||
<div id="zs-chart">
|
||||
<div style="color:var(--text-light);font-size:0.8rem">暂无数据</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 提交存档 -->
|
||||
<div class="right-section">
|
||||
<button id="zs-submit-btn" class="submit-btn">提交新存档</button>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<!-- 脚本 -->
|
||||
<script src="/tools/zhizi_notes/zhizi_notes.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user