From 26fee83f42363d31c143d6a2a49ca0e1b3be2fc3 Mon Sep 17 00:00:00 2001 From: "1152958806@qq.com" <1152958806@qq.com> Date: Thu, 14 Sep 2023 01:28:02 +0800 Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E6=8C=89=E9=92=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- settings.yaml | 17 +++-- templates/assets/zhheo/zhheoblog.css | 92 ++++++++++++++++++++++++ templates/modules/widgets/console.html | 5 -- templates/modules/widgets/nav-right.html | 30 +++++++- 4 files changed, 132 insertions(+), 12 deletions(-) diff --git a/settings.yaml b/settings.yaml index 5d3551ea..18a3b11e 100644 --- a/settings.yaml +++ b/settings.yaml @@ -49,6 +49,9 @@ spec: travelling: true article: true darkMode: true + navLogin: false + console: + consoleEnable: true children: - $formkit: radio name: travelling @@ -78,15 +81,21 @@ spec: value: true - label: 隐藏 value: false + - $formkit: radio + name: navLogin + label: 登入按钮 + help: 右上角登入按钮 + options: + - label: 显示 + value: true + - label: 隐藏 + value: false - $formkit: group name: console label: 中控台 - value: - consoleLink: false children: - $formkit: radio - name: consoleLink - label: 前往控制台 + name: consoleEnable options: - label: 显示 value: true diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css index e0657260..e4db8091 100644 --- a/templates/assets/zhheo/zhheoblog.css +++ b/templates/assets/zhheo/zhheoblog.css @@ -5271,6 +5271,98 @@ html { right: 0; } + +/* 登入按钮 */ +#page-header #nav #nav-right .console-button .nav-login{ + width: 35px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 40px; + margin-top: 4.8px; +} + +#page-header.not-top-img #nav .nav-login { + color: var(--heo-fontcolor); + text-shadow: none; +} + +.console-button{ + cursor: pointer; +} + +.console-button .back-menu-list-groups .back-menu-list { + display: flex; + flex-direction: row; + flex-wrap: wrap; + width: 140px; + justify-content: space-between; +} +.console-button .back-menu-list-group { + display: flex; + flex-direction: column; +} + +.console-button .back-menu-list-groups { + position: absolute; + top: 45px; + transform: scale(.8); + transform-origin: top left; + left: 1.8rem; + background-color: var(--heo-maskbgdeep); + border-radius: 7.8px; + /* border: var(--style-border); */ + flex-direction: column; + font-size: 12px; + color: var(--heo-secondtext); + box-shadow: var(--heo-shadow-border); + transition: .1s; + opacity: 0; + pointer-events: none; + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px) +} + +.console-button .back-menu-list-groups:hover { + /* border: var(--style-border-hover); */ +} + +.console-button .back-menu-list-group .back-menu-list-title { + margin: 8px 0 0 16px; + transition: 0.3s; +} + +.console-button .back-menu-list-group:hover .back-menu-list-title { + color: var(--heo-main); +} + +.console-button:hover .back-menu-list-groups { + display: flex; + opacity: 1; + transition: 0.3s; + top: 50px; + pointer-events: auto; + left: 1.8rem; + transform: scale(1); +} + +.console-button .back-menu-list .back-menu-item { + width: 140px; +} + +@media screen and (max-width: 768px) { + + .console-button .back-menu-list-groups { + left: 0; + } + + .console-button:hover .back-menu-list-groups { + padding-bottom: 8px; + box-shadow: var(--heo-shadow-border); + left: 0; + } +} + /* 导航栏图标 */ #nav #site-name i { font-size: 50px; diff --git a/templates/modules/widgets/console.html b/templates/modules/widgets/console.html index c35aac34..15c62b36 100644 --- a/templates/modules/widgets/console.html +++ b/templates/modules/widgets/console.html @@ -134,11 +134,6 @@ -