added 搜索功能
This commit is contained in:
1 parent
53afae972b
commit
4baf51f4b1
7 files changed
+803
-2
No files matched your search
@@ -14,6 +14,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="floating-tools">
|
||||
<a href="javascript:;" id="search-btn" title="搜索文章">
|
||||
<i class="ri-search-line"></i>
|
||||
</a>
|
||||
<a href="javascript:;" id="theme-toggle" title="切换主题">
|
||||
<i class="ri-palette-line"></i>
|
||||
</a>
|
||||
@@ -24,6 +27,26 @@
|
||||
<i class="ri-arrow-up-line"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Search Modal -->
|
||||
<div id="search-modal" class="search-modal">
|
||||
<div class="search-modal-content">
|
||||
<div class="search-header">
|
||||
<h3>搜索文章</h3>
|
||||
<span class="close-search">×</span>
|
||||
</div>
|
||||
<div class="search-body">
|
||||
<div class="search-input-wrapper">
|
||||
<input type="text" id="search-input" placeholder="输入关键词搜索..." autocomplete="off">
|
||||
<button id="search-submit"><i class="ri-search-line"></i></button>
|
||||
</div>
|
||||
<div id="search-results" class="search-results">
|
||||
<!-- Search results will appear here -->
|
||||
<p class="search-tip">输入关键词并回车进行搜索</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ $iconfont := resources.Get "js/iconfont.js" }}
|
||||
{{ $lightgallery := resources.Get "js/lightgallery.umd.min.js" }}
|
||||
{{ $uikit := resources.Get "js/uikit.min.js" }}
|
||||
|
||||
Reference in new issue
Block a user