优化调整 js css （未调整完）
This commit is contained in:
liuzhihang
parent
ac4d909356
commit
ce0260804d
|
|
@ -34,7 +34,7 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
const sidebarFn = () => {
|
||||
const $toggleMenu = document.getElementById('toggle-menu')
|
||||
const $mobileSidebarMenus = document.getElementById('sidebar-menus')
|
||||
const $menuMask = document.getElementById('menu-mask')
|
||||
// const $menuMask = document.getElementById('menu-mask')
|
||||
const $body = document.body
|
||||
|
||||
function openMobileSidebar() {
|
||||
|
|
@ -53,11 +53,11 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
|
||||
$toggleMenu.addEventListener('click', openMobileSidebar)
|
||||
|
||||
$menuMask.addEventListener('click', e => {
|
||||
if ($mobileSidebarMenus.classList.contains('open')) {
|
||||
closeMobileSidebar()
|
||||
}
|
||||
})
|
||||
// $menuMask.addEventListener('click', e => {
|
||||
// if ($mobileSidebarMenus.classList.contains('open')) {
|
||||
// closeMobileSidebar()
|
||||
// }
|
||||
// })
|
||||
|
||||
window.addEventListener('resize', e => {
|
||||
if (btf.isHidden($toggleMenu)) {
|
||||
|
|
|
|||
|
|
@ -8539,7 +8539,7 @@ div#banners {
|
|||
height: 24px;
|
||||
width: 44px;
|
||||
content: "";
|
||||
background: url(https://img.zhheo.com/i/2022/08/31/630efd0bc1115.png) no-repeat;
|
||||
background: url(../images/top.png) no-repeat;
|
||||
background-size: 38px 24px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
|
|
@ -11507,7 +11507,7 @@ blockquote p {
|
|||
}
|
||||
|
||||
#article-container img.error {
|
||||
content: url("https://img.zhheo.com/i/2022/08/31/630efd3d82799.webp");
|
||||
content: url(../images/404.gif);
|
||||
}
|
||||
|
||||
/* 文章视频 */
|
||||
|
|
@ -11608,7 +11608,7 @@ blockquote p {
|
|||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('https://img.zhheo.com/i/2022/08/31/630efd3d82799.webp') 50%;
|
||||
background: url(../images/404.gif) 50%;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
|
@ -11939,7 +11939,7 @@ a.reward-main-btn {
|
|||
a.reward-main-btn:hover {
|
||||
color: var(--heo-white);
|
||||
background: var(--heo-red);
|
||||
background-image: url(https://p.zhheo.com/JgNrST23690481619450556342.gif!cover);
|
||||
background-image: url(../images/404.gif);
|
||||
box-shadow: var(--heo-shadow-red);
|
||||
}
|
||||
|
||||
|
|
@ -14202,35 +14202,6 @@ figure.gallery-group:hover .gallery-group-name::after {
|
|||
z-index: -1;
|
||||
}
|
||||
|
||||
/* 微信公众号 */
|
||||
|
||||
/*微信二维码*/
|
||||
/* a.weixin {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.weixin::after {
|
||||
content: url(https://p.zhheo.com/e9586c8eeb7c5cd4ff4cc21deedab43fc379cc07.png!cover);
|
||||
position: absolute;
|
||||
right: -40px;
|
||||
top: -230px;
|
||||
z-index: 99;
|
||||
border: 0px solid #0095ba;
|
||||
overflow: hidden;
|
||||
-webkit-transform-origin: bottom;
|
||||
transform-origin: bottom;
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
-webkit-transition: all .3s ease-in-out;
|
||||
transition: all .3s ease-in-out;
|
||||
} */
|
||||
|
||||
.weixin:hover::after {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* 404页面 */
|
||||
#error-wrap {
|
||||
top: 40%;
|
||||
|
|
@ -15341,7 +15312,7 @@ span.hexo-douban-pagenum {
|
|||
/* 关于页面地图 */
|
||||
|
||||
.author-content-item.map {
|
||||
background: url(https://img.zhheo.com/i/2022/08/31/630ef8e827401.webp) no-repeat center;
|
||||
background: url(../images/404.gif) no-repeat center;
|
||||
min-height: 160px;
|
||||
max-height: 400px;
|
||||
position: relative;
|
||||
|
|
@ -15353,7 +15324,7 @@ span.hexo-douban-pagenum {
|
|||
}
|
||||
|
||||
[data-theme=dark] .author-content-item.map {
|
||||
background: url(https://img.zhheo.com/i/2022/08/31/630ef8db0fefe.webp) no-repeat center;
|
||||
background: url(../images/404.gif) no-repeat center;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -15761,7 +15732,7 @@ span.hexo-douban-pagenum {
|
|||
#about-page .about-statistic {
|
||||
min-height: 380px;
|
||||
width: 39%;
|
||||
background: url(https://img.zhheo.com/i/2022/09/23/632d5d8f37e90.webp) no-repeat top;
|
||||
background: url(../images/404.gif) no-repeat top;
|
||||
background-size: cover;
|
||||
color: var(--heo-white);
|
||||
overflow: hidden;
|
||||
|
|
@ -15951,7 +15922,7 @@ span.hexo-douban-pagenum {
|
|||
|
||||
/* 喜欢的游戏 lol */
|
||||
.author-content-item.game-lol {
|
||||
background: url(https://img.zhheo.com/i/2022/08/31/630efa7ae39fe.webp) no-repeat top;
|
||||
background: url(../images/404.gif) no-repeat top;
|
||||
background-size: cover;
|
||||
min-height: 300px;
|
||||
overflow: hidden;
|
||||
|
|
@ -16006,17 +15977,17 @@ span.hexo-douban-pagenum {
|
|||
}
|
||||
|
||||
.icon-pos-sup {
|
||||
background: url('https://img.zhheo.com/i/2022/08/25/63074b68d9f4c.png');
|
||||
background: url(../images/404.gif);
|
||||
}
|
||||
|
||||
.icon-pos-mid {
|
||||
background: url('https://img.zhheo.com/i/2022/08/25/63074b54d2731.png');
|
||||
background: url(../images/404.gif);
|
||||
}
|
||||
|
||||
/* 喜欢的游戏 狼人杀 */
|
||||
.author-content-item.game-wolf {
|
||||
width: 39%;
|
||||
background: url(https://img.zhheo.com/i/2022/08/31/630efa916a851.webp) no-repeat top;
|
||||
background: url(../images/404.gif) no-repeat top;
|
||||
background-size: cover;
|
||||
min-height: 300px;
|
||||
overflow: hidden;
|
||||
|
|
@ -16035,7 +16006,7 @@ span.hexo-douban-pagenum {
|
|||
|
||||
/* 关注领域 */
|
||||
.author-content-item.like-technology {
|
||||
background: url(https://img.zhheo.com/i/2022/08/31/630efac3ecef3.webp) no-repeat;
|
||||
background: url(../images/404.gif) no-repeat;
|
||||
background-size: cover;
|
||||
min-height: 230px;
|
||||
color: var(--heo-white);
|
||||
|
|
@ -16043,7 +16014,7 @@ span.hexo-douban-pagenum {
|
|||
|
||||
/* 喜欢音乐 */
|
||||
.author-content-item.like-music {
|
||||
background: url(https://img.zhheo.com/i/2022/08/31/630efae141e9a.webp) no-repeat top;
|
||||
background: url(../images/404.gif) no-repeat top;
|
||||
background-size: cover;
|
||||
min-height: 400px;
|
||||
color: var(--heo-white);
|
||||
|
|
@ -16122,7 +16093,7 @@ span.hexo-douban-pagenum {
|
|||
/* 豆瓣电影页面 */
|
||||
.author-content-item.single.like-movie {
|
||||
height: 19rem;
|
||||
background: url(https://img.zhheo.com/i/2022/09/27/633289920d1c7.webp) no-repeat top;
|
||||
background: url(../images/404.gif) no-repeat top;
|
||||
background-size: cover;
|
||||
color: var(--heo-white);
|
||||
overflow: hidden;
|
||||
|
|
@ -16186,7 +16157,7 @@ span.hexo-douban-pagenum {
|
|||
/* 工具推荐 */
|
||||
.author-content.author-content-item.toolPage {
|
||||
height: 19rem;
|
||||
background: url(https://img.zhheo.com/i/2022/08/26/6308d5778ba3c.jpg) no-repeat top;
|
||||
background: url(../images/404.gif) no-repeat top;
|
||||
background-size: cover;
|
||||
color: var(--heo-white);
|
||||
overflow: hidden;
|
||||
|
|
@ -16196,7 +16167,7 @@ span.hexo-douban-pagenum {
|
|||
/* 友链鱼塘 */
|
||||
.author-content.author-content-item.momentsPage {
|
||||
height: 19rem;
|
||||
background: url(https://img.zhheo.com/i/2022/08/26/6308d5b137881.jpg) no-repeat top;
|
||||
background: url(../images/404.gif) no-repeat top;
|
||||
background-size: cover;
|
||||
color: var(--heo-white);
|
||||
overflow: hidden;
|
||||
|
|
@ -16206,7 +16177,7 @@ span.hexo-douban-pagenum {
|
|||
/* 即刻短文 */
|
||||
.author-content.author-content-item.essayPage {
|
||||
height: 19rem;
|
||||
background: url(https://img.zhheo.com/i/2022/08/27/6309587509a02.jpg) no-repeat center;
|
||||
background: url(../images/404.gif) no-repeat center;
|
||||
background-size: cover;
|
||||
color: var(--heo-white);
|
||||
overflow: hidden;
|
||||
|
|
|
|||
|
|
@ -41,11 +41,11 @@
|
|||
</a>
|
||||
</div>
|
||||
|
||||
<!--<div id="toggle-menu">-->
|
||||
<!-- <a class="site-page">-->
|
||||
<!-- <i class="fas fa-bars fa-fw"></i>-->
|
||||
<!-- </a>-->
|
||||
<!--</div>-->
|
||||
<div id="toggle-menu">
|
||||
<a class="site-page">
|
||||
<i class="iconfont icon-bars"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue