yangxiangyuan
421a8aa1f7
1. 新增知资札记完整站点：包含首页、详情页、管理后台 2. 添加站点图标、鉴权配置与后端API鉴权逻辑 3. 在市场页面新增知资札记入口跳转 4. 新增经典乡村音乐播放列表文件 5. 临时添加养生谚语批量导入脚本
79 lines
2.7 KiB
HTML
79 lines
2.7 KiB
HTML
<!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" />
|
|
<link rel="stylesheet" href="/tools/zhizi_notes/detail.css" />
|
|
</head>
|
|
<body>
|
|
<!-- Toast -->
|
|
<div id="zd-toast" class="zs-toast"></div>
|
|
|
|
<!-- ═══════════════ 顶部 Header ═══════════════ -->
|
|
<header class="zs-header">
|
|
<button class="hamburger" id="zd-back" title="返回" style="display:flex">←</button>
|
|
<div class="logo">知资札记</div>
|
|
<nav class="nav-menu">
|
|
<button data-nav="home">首页</button>
|
|
</nav>
|
|
<div class="header-right">
|
|
<button id="zs-theme-btn" class="theme-btn" title="切换暗黑模式">🌙</button>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- ═══════════════ 主体 ═══════════════ -->
|
|
<div class="zd-layout">
|
|
<main class="zd-main">
|
|
<!-- 加载中 -->
|
|
<div id="zd-loading" class="zs-loading">
|
|
<div class="spinner"></div>
|
|
<div>加载中…</div>
|
|
</div>
|
|
|
|
<!-- 文章内容 -->
|
|
<article id="zd-article" style="display:none">
|
|
<!-- 标题区 -->
|
|
<header class="zd-header">
|
|
<h1 id="zd-title"></h1>
|
|
<div class="zd-meta">
|
|
<span id="zd-category" class="zd-cat"></span>
|
|
<span id="zd-source"></span>
|
|
<span id="zd-date"></span>
|
|
<span id="zd-views"></span>
|
|
<button id="zd-fav-btn" class="fav-btn" title="收藏">♡</button>
|
|
</div>
|
|
<div id="zd-tags" class="zd-tags"></div>
|
|
</header>
|
|
|
|
<!-- 封面图 -->
|
|
<div id="zd-cover" style="display:none">
|
|
<img id="zd-cover-img" alt="" />
|
|
</div>
|
|
|
|
<!-- 正文 -->
|
|
<div id="zd-content" class="zd-content"></div>
|
|
|
|
<!-- 图片集 -->
|
|
<div id="zd-gallery" class="zd-gallery" style="display:none">
|
|
<h3>附图</h3>
|
|
<div id="zd-gallery-grid" class="gallery-grid"></div>
|
|
</div>
|
|
</article>
|
|
|
|
<!-- 错误 -->
|
|
<div id="zd-error" class="zs-empty" style="display:none">
|
|
<div id="zd-error-msg">文章不存在或已被删除</div>
|
|
<div style="margin-top:12px">
|
|
<a href="/tools/zhizi_notes/index.html" style="color:var(--accent)">← 返回首页</a>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<script src="/tools/zhizi_notes/detail.js"></script>
|
|
</body>
|
|
</html> |