perf: 支持是否显示控制台

This commit is contained in:
mjsoftware 2024-02-11 12:41:41 +08:00
parent 0ef5edcec0
commit 22dac4bcdd
3 changed files with 55 additions and 0 deletions

View File

@ -62,6 +62,32 @@ spec:
- group: basic_style
label: '基础样式'
formSchema:
- $formkit: group
name: console
label: 控制台
help: 仅支持pc端显示
value:
pc_show_console: false
pc_console_icon: ri-equalizer-line
pc_console_title: 控制台
children:
- $formkit: radio
name: pc_show_console
id: pc_show_console
label: 显示控制台
options:
- label: 显示
value: true
- label: 隐藏
value: false
- $formkit: text
name: pc_console_icon
if: $get(pc_show_console).value
label: 控制台图标,留空显示默认图标
- $formkit: text
name: pc_console_title
if: $get(pc_show_console).value
label: 控制台鼠标悬停提示,留空不显示
- $formkit: radio
name: load_progress
label: 加载进度条

View File

@ -906,6 +906,23 @@ table td, table th {
}
}
.navbar-console {
float: right;
margin-left: 5px;
background: var(--theme);
border-radius: 50%;
height: 34px;
width: 34px;
align-items: center;
justify-content: center;
display: flex;
& > i {
font-size: 18px;
color: #fff;
}
}
&.solid {
backdrop-filter: unset;
box-shadow: unset;
@ -3965,6 +3982,10 @@ button.swiper-pagination-bullet {
.navbar-search {
display: none;
}
.navbar-console {
display: none;
}
}
}
@ -4003,6 +4024,10 @@ button.swiper-pagination-bullet {
.navbar-searchicon {
margin-left: 0;
}
.navbar-console {
display: none;
}
}
.swiper-button-prev,

View File

@ -66,6 +66,10 @@
<div th:if="${pluginFinder.available('PluginSearchWidget')}" class="navbar-search">
<button onclick="javascript:SearchWidget.open();" class="submit" aria-label="搜索按钮" style="border-radius: 17px;"><i class="ri-search-line"></i></button>
</div>
<a th:if="${theme.config.basic_style.console.pc_show_console}" class="navbar-console" href="/console" target="_blank"
th:title="${theme.config.basic_style.console.pc_console_title}">
<i th:class="${#strings.defaultString(theme.config.basic_style.console.pc_console_icon, 'ri-equalizer-line')}"></i>
</a>
<i class="ri-search-line navbar-searchicon" onclick="javascript:SearchWidget.open();"></i>
</div>
</div>