caojiezi2003/Jony
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
haoouba 2021-02-13 10:50:15 +08:00
parent 24f3e1dd8f
commit 0ff08cbbc0
5 changed files with 42 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/joe.global.css
View File

File diff suppressed because one or more lines are too long

16
assets/css/joe.global.scss
View File

@ -467,6 +467,22 @@
}
}
}
&__slideout {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 70%;
z-index: 990;
background: var(--background);
transform: translate3d(-100%, 0, 0);
visibility: hidden;
transition: transform 0.35s, visibility 0.35s;
&.active {
visibility: visible;
transform: translate3d(0, 0, 0);
}
}
}
.joe_aside {

BIN
assets/img/wap_aside_image.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 330 KiB

21
assets/js/joe.global.js
View File

@ -351,13 +351,30 @@ document.addEventListener('DOMContentLoaded', () => {
/* 小屏幕伸缩侧边栏 */
{
$('.joe_header__above-slide').on('click', function () {
$(this).toggleClass('active')
/* 关闭搜索框 */
$('.joe_header__searchout').removeClass('active')
/* 处理开启关闭状态 */
if ($('.joe_header__slideout').hasClass('active')) {
$('body').css('overflow', '')
$('.joe_mask').removeClass('active')
$('.joe_header__above-slide').removeClass("active")
$('.joe_header__slideout').removeClass("active")
} else {
$('body').css('overflow', 'hidden')
$('.joe_mask').addClass('active')
$('.joe_header__above-slide').addClass("active")
$('.joe_header__slideout').addClass("active")
}
})
}
/* 小屏幕搜索框 */
{
$('.joe_header__above-searchicon').on('click', function () {
/* 关闭侧边栏 */
$('.joe_header__above-slide').removeClass('active')
$('.joe_header__slideout').removeClass('active')
/* 处理开启关闭状态 */
if ($('.joe_header__searchout').hasClass('active')) {
$('body').css('overflow', '')
$('.joe_mask').removeClass('active')
@ -376,6 +393,8 @@ document.addEventListener('DOMContentLoaded', () => {
$('body').css('overflow', '')
$('.joe_mask').removeClass('active')
$('.joe_header__searchout').removeClass('active')
$('.joe_header__slideout').removeClass('active')
$('.joe_header__above-slide').removeClass('active')
})
}
})

6
public/header.php
View File

@ -1,5 +1,5 @@
<header class="joe_header">
<div class="joe_header__above">
<div class="joe_container">
<div class="joe_header__above-slide">
@ -257,6 +257,10 @@
</div>
</div>
</div>
<div class="joe_header__slideout">
<img src="" alt="">
</div>
</header>
<div class="joe_mask"></div>