fix: 删除原来的目录链接,统一三个按钮样式
This commit is contained in:
parent
17b6a5d7e0
commit
1e9c551766
@ -283,10 +283,9 @@
|
|||||||
.toc-item:hover { color: #667eea; }
|
.toc-item:hover { color: #667eea; }
|
||||||
.toc-item.current { color: #667eea; font-weight: 600; }
|
.toc-item.current { color: #667eea; font-weight: 600; }
|
||||||
|
|
||||||
/* 目录按钮(仅手机端显示) */
|
/* 目录按钮样式与nav-btn统一 */
|
||||||
.toc-btn {
|
#tocBtn {
|
||||||
display: none;
|
padding: 12px 24px;
|
||||||
padding: 12px 20px;
|
|
||||||
background: var(--btn-bg);
|
background: var(--btn-bg);
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
@ -297,7 +296,7 @@
|
|||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toc-btn:hover { background: var(--btn-hover); }
|
#tocBtn:hover { background: var(--btn-hover); transform: translateY(-2px); }
|
||||||
|
|
||||||
.sidebar-title {
|
.sidebar-title {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@ -355,8 +354,12 @@
|
|||||||
@media (max-width: 1200px) { .sidebar { display: none; } }
|
@media (max-width: 1200px) { .sidebar { display: none; } }
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.toc-btn { display: block; }
|
|
||||||
.sidebar { display: none; }
|
.sidebar { display: none; }
|
||||||
|
#tocBtn { display: block; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 769px) {
|
||||||
|
#tocBtn { display: none; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
@ -390,8 +393,7 @@
|
|||||||
<nav class="fixed-nav">
|
<nav class="fixed-nav">
|
||||||
<div class="fixed-nav-content">
|
<div class="fixed-nav-content">
|
||||||
<a href="#" class="nav-btn" id="prevBtn">上一章</a>
|
<a href="#" class="nav-btn" id="prevBtn">上一章</a>
|
||||||
<button class="toc-btn" id="tocBtn">目录</button>
|
<button class="nav-btn" id="tocBtn">目录</button>
|
||||||
<a href="chapters.html" class="nav-btn">目录</a>
|
|
||||||
<a href="#" class="nav-btn" id="nextBtn">下一章</a>
|
<a href="#" class="nav-btn" id="nextBtn">下一章</a>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user