zhengyi
/
halo-theme-joe3.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

refactor:Initialize Theme

This commit is contained in:
jiewenhuang 2023-08-05 11:32:38 +08:00
parent 9a72e4a9f3
commit 2e5e7697f8
2 changed files with 33 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
templates/assets/js/common.js
View File

@ -610,16 +610,16 @@ const commonContext = {
);
},
/* 搜索框弹窗 */
searchDialog() {
const $result = $(".joe_header__above-search .result");
$(".joe_header__above-search .input").on("click", function (e) {
e.stopPropagation();
$result.addClass("active");
});
$(document).on("click", function () {
$result.removeClass("active");
});
},
// searchDialog() {
// const $result = $(".joe_header__above-search .result");
// $(".joe_header__above-search .input").on("click", function (e) {
// e.stopPropagation();
// $result.addClass("active");
// });
// $(document).on("click", function () {
// $result.removeClass("active");
// });
// },
/* 激活全局下拉框 */
initDropMenu() {
$(".joe_dropdown").each(function (index, item) {
@ -679,14 +679,14 @@ const commonContext = {
const $search_out = $(".joe_header__searchout");
if ($search_out.hasClass("active")) {
$html.removeClass("disable-scroll");
$mask.removeClass("active slideout");
// $mask.removeClass("active slideout");
$search_out.removeClass("active");
$header_above.removeClass("solid");
} else {
// 保存滚动位置
window.sessionStorage.setItem("lastScroll", $html.scrollTop());
$html.addClass("disable-scroll");
$mask.addClass("active");
// $mask.addClass("active");
$header_above.addClass("solid");
$search_out.addClass("active");
}

40
templates/modules/macro/navbar.html
View File

@ -106,18 +106,18 @@
<!-- <input maxlength="16" autocomplete="off" placeholder="请输入关键字..." name="keyword" value="" class="input" type="text">-->
<button type="submit" id="halo-search" class="submit" style="border-radius: 17px 17px 17px 17px" aria-label="搜索按钮"><i class="joe-font joe-icon-search"></i></button>
<span class="icon"></span>
<nav class="result">
<a href="archives/ce-shi-wen-zhang.html" title="测试文章" class="item">
<span class="sort">1</span>
<span class="text">测试文章</span>
</a>
<a href="archives/hello-halo.html" title="Hello Halo" class="item">
<span class="sort">2</span>
<span class="text">Hello Halo</span>
</a>
</nav>
<!-- <nav class="result">-->
<!-- <a href="archives/ce-shi-wen-zhang.html" title="测试文章" class="item">-->
<!-- <span class="sort">1</span>-->
<!-- <span class="text">测试文章</span>-->
<!-- </a>-->
<!-- <a href="archives/hello-halo.html" title="Hello Halo" class="item">-->
<!-- <span class="sort">2</span>-->
<!-- <span class="text">Hello Halo</span>-->
<!-- </a>-->
<!-- </nav>-->
</div>
<i class="joe-font joe-icon-search joe_header__above-searchicon"></i>
<a href="javascript:SearchWidget.open()" title="搜索"><i class="joe-font joe-icon-search joe_header__above-searchicon"></i></a>
</div>
</div>
@ -231,14 +231,16 @@
</div>
<div class="joe_header__searchout">
<div class="joe_container">
<div class="joe_header__searchout-inner">
<form class="joe_header__above-search-mobile" method="get" action="http://localhost:8093/search">
<input maxlength="16" autocomplete="off" placeholder="请输入关键字..." name="keyword" value="" class="input" type="text">
<button type="submit" class="submit">搜索</button>
</form>
</div>
</div>
<a href="javascript:SearchWidget.open()" title="搜索"></a>
<!-- <div class="joe_container">-->
<!-- <div class="joe_header__searchout-inner">-->
<!-- <form class="joe_header__above-search-mobile" method="get" action="http://localhost:8093/search">-->
<!-- <input maxlength="16" autocomplete="off" placeholder="请输入关键字..." name="keyword" value="" class="input" type="text">-->
<!-- <button type="submit" class="submit">搜索</button>-->
<!-- </form>-->
<!-- </div>-->
<!-- </div>-->
</div>
<div class="joe_header__toc">