fix: 删除原来的目录链接,统一三个按钮样式

This commit is contained in:
李策 2026-03-26 17:54:34 +08:00
parent 17b6a5d7e0
commit 1e9c551766

View File

@ -283,10 +283,9 @@
.toc-item:hover { color: #667eea; }
.toc-item.current { color: #667eea; font-weight: 600; }
/* 目录按钮(仅手机端显示) */
.toc-btn {
display: none;
padding: 12px 20px;
/* 目录按钮样式与nav-btn统一 */
#tocBtn {
padding: 12px 24px;
background: var(--btn-bg);
border: 1px solid var(--border-color);
border-radius: 8px;
@ -297,7 +296,7 @@
transition: all 0.3s ease;
}
.toc-btn:hover { background: var(--btn-hover); }
#tocBtn:hover { background: var(--btn-hover); transform: translateY(-2px); }
.sidebar-title {
font-size: 14px;
@ -355,8 +354,12 @@
@media (max-width: 1200px) { .sidebar { display: none; } }
@media (max-width: 768px) {
.toc-btn { display: block; }
.sidebar { display: none; }
#tocBtn { display: block; }
}
@media (min-width: 769px) {
#tocBtn { display: none; }
}
@media (max-width: 600px) {
@ -390,8 +393,7 @@
<nav class="fixed-nav">
<div class="fixed-nav-content">
<a href="#" class="nav-btn" id="prevBtn">上一章</a>
<button class="toc-btn" id="tocBtn">目录</button>
<a href="chapters.html" class="nav-btn">目录</a>
<button class="nav-btn" id="tocBtn">目录</button>
<a href="#" class="nav-btn" id="nextBtn">下一章</a>
</div>
</nav>