DreamLife/DreamLife_ToolBox
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

填加侧边栏标签筛选功能

Browse Source
This commit is contained in:
Cx330 committed 2025-03-03 20:40:23 +08:00
1 parent 6d5a957bc9
commit f66007aaeb
4 files changed
+130 -19
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

index.html
+33 -17
View File
@@ -38,6 +38,21 @@
</div>
</a>
</nav>
<div id="sidebar">
<div>
<button class="tag-btn" id="show-all" data-tag="全部">全部显示</button>
</div>
<div>
<button class="tag-btn" data-tag="教育">教育</button>
</div>
<div>
<button class="tag-btn" data-tag="编程">编程</button>
</div>
<div>
<button class="tag-btn" data-tag="资源">资源</button>
</div>
<!-- 根据需要添加更多按钮 -->
</div>
</aside>
<main class="main-content">
@@ -48,7 +63,7 @@
<div class="tool-name">浙江科技大学</div>
<div class="card-description">崇德 尚用 求真 创新</div>
</a>
<span class="tool-category">教育</span>
<span class="tool-category" data-tag="教育">教育</span>
</div>
<div class="tool-card">
@@ -57,7 +72,7 @@
<div class="tool-name">GitHub</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">编程</span>
<span class="tool-category" data-tag="编程">编程</span>
</div>
<div class="tool-card">
@@ -66,7 +81,7 @@
<div class="tool-name">BT之家—1LOU站</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">资源</span>
<span class="tool-category" data-tag="资源">资源</span>
</div>
<div class="tool-card">
@@ -75,7 +90,7 @@
<div class="tool-name">电影天堂</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">资源</span>
<span class="tool-category" data-tag="资源">资源</span>
</div>
<div class="tool-card">
@@ -84,7 +99,7 @@
<div class="tool-name">Seedhub</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">资源</span>
<span class="tool-category" data-tag="资源">资源</span>
</div>
<div class="tool-card">
@@ -93,7 +108,7 @@
<div class="tool-name">自动化与电气工程学院</div>
<div class="card-description">浙江科技大学|自动化与电气工程学院.</div>
</a>
<span class="tool-category">教育</span>
<span class="tool-category" data-tag="教育">教育</span>
</div>
<div class="tool-card">
@@ -102,7 +117,7 @@
<div class="tool-name">浙江科技大学12</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
<span class="tool-category" data-tag="教育">教育</span>
</div>
<div class="tool-card">
@@ -111,7 +126,7 @@
<div class="tool-name">浙江科技大学2</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
<span class="tool-category" data-tag="教育">教育</span>
</div>
<div class="tool-card">
@@ -120,7 +135,7 @@
<div class="tool-name">浙江科技大学22</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
<span class="tool-category" data-tag="教育">教育</span>
</div>
<div class="tool-card">
@@ -129,7 +144,7 @@
<div class="tool-name">浙江科技大学321</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
<span class="tool-category" data-tag="教育">教育</span>
</div>
<div class="tool-card">
@@ -138,7 +153,7 @@
<div class="tool-name">浙江科技大学3333</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
<span class="tool-category" data-tag="教育">教育</span>
</div>
<div class="tool-card">
@@ -147,7 +162,7 @@
<div class="tool-name">浙江科技大学123</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
<span class="tool-category" data-tag="教育">教育</span>
</div>
<div class="tool-card">
@@ -156,7 +171,7 @@
<div class="tool-name">浙江科技大学123</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
<span class="tool-category" data-tag="教育">教育</span>
</div>
<div class="tool-card">
@@ -165,7 +180,7 @@
<div class="tool-name">浙江科技大学123</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
<span class="tool-category" data-tag="教育">教育</span>
</div>
<div class="tool-card">
@@ -174,7 +189,7 @@
<div class="tool-name">浙江科技大学123</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
<span class="tool-category" data-tag="教育">教育</span>
</div>
<div class="tool-card">
@@ -183,7 +198,7 @@
<div class="tool-name">浙江科技大学123</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">教育</span>
<span class="tool-category" data-tag="教育">教育</span>
</div>
<div class="tool-card">
@@ -192,7 +207,7 @@
<div class="tool-name">GitHub1</div>
<div class="card-description">Description of the tool.</div>
</a>
<span class="tool-category">编程</span>
<span class="tool-category" data-tag="编程">编程</span>
</div>
<!-- 更多工具卡片 -->
</div>
@@ -206,6 +221,7 @@
<script src="javascape/scroll.js"></script>
<script src="javascape/search.js"></script>
<script src="javascape/sidebar.js"></script>
<script src="javascape/tag.js"></script>
</body>
</html>