fix: 删除原来的目录链接,统一三个按钮样式
This commit is contained in:
parent
17b6a5d7e0
commit
1e9c551766
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user