perf: 支持显示控制台

settings.yaml

@@ -65,15 +65,14 @@ spec:
         - $formkit: group
           name: console
           label: 控制台
-          help: 仅支持pc端显示
           value:
-            pc_show_console: false
-            pc_console_icon: ri-equalizer-line
-            pc_console_title: 控制台
+            show_console: false
+            console_icon: ri-equalizer-line
+            console_title: 控制台
           children:
             - $formkit: radio
-              name: pc_show_console
-              id: pc_show_console
+              name: show_console
+              id: show_console
               label: 显示控制台
               options:
                 - label: 显示
@@ -81,12 +80,12 @@ spec:
                 - label: 隐藏
                   value: false
             - $formkit: text
-              name: pc_console_icon
-              if: $get(pc_show_console).value
+              name: console_icon
+              if: $get(show_console).value
               label: 控制台图标，留空显示默认图标
             - $formkit: text
-              name: pc_console_title
-              if: $get(pc_show_console).value
+              name: console_title
+              if: $get(show_console).value
               label: 控制台鼠标悬停提示，留空不显示
         - $formkit: radio
           name: load_progress

src/css/style.less

@@ -3984,7 +3984,17 @@ button.swiper-pagination-bullet {
     }
 
     .navbar-console {
-      display: none;
+      float: right;
+      margin-left: 5px;
+      align-items: center;
+      justify-content: center;
+      display: flex;
+      background: transparent !important;
+
+      & > i {
+        font-size: 23px;
+        color: var(--main);
+      }
     }
   }
 }

templates/common/navbar.html

@@ -66,11 +66,11 @@
             <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>
+            <a th:if="${theme.config.basic_style.console.show_console}" class="navbar-console" href="/console" target="_blank"
+               th:title="${theme.config.basic_style.console.console_title}">
+                <i th:class="${#strings.defaultString(theme.config.basic_style.console.console_icon, 'ri-equalizer-line')}"></i>
+            </a>
         </div>
     </div>