From ff17de8f5e92992dcf160d67ce26d7f46c1df700 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E8=89=AF?= <841369634@qq.com>
Date: Tue, 3 Dec 2024 20:49:42 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=AE=E5=8A=A9=E9=A1=B5=E9=9D=A2=EF=BC=8C?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/core/src/config/index.js              |  2 +-
 packages/gui/src/view/components/tree-node.vue | 12 ++++++------
 packages/gui/src/view/style/index.scss         | 18 +++++++++---------
 packages/gui/src/view/style/theme/dark.scss    |  2 +-
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/packages/core/src/config/index.js b/packages/core/src/config/index.js
index 5020f34288..37468dda40 100644
--- a/packages/core/src/config/index.js
+++ b/packages/core/src/config/index.js
@@ -420,7 +420,7 @@ module.exports = {
   proxy: {},
   plugin: {},
   help: {
-    data: [
+    dataList: [
       {
         title: '查看DevSidecar的说明文档（Wiki）',
         url: 'https://github.com/docmirror/dev-sidecar/wiki',
diff --git a/packages/gui/src/view/components/tree-node.vue b/packages/gui/src/view/components/tree-node.vue
index 6f81d8760c..7765164c8e 100644
--- a/packages/gui/src/view/components/tree-node.vue
+++ b/packages/gui/src/view/components/tree-node.vue
@@ -15,12 +15,12 @@ export default {
 <template>
   <ul>
     <li v-for="node in treeData" :key="node.title">
-      <span v-if="node.url && (node.url.startsWith('http://') || node.url.startsWith('https://'))">
-        <a :title="node.tip || node.title" :class="node.class" :style="node.style" @click="openExternal(node.url)">{{ node.title }}</a>
-      </span>
-      <span v-else>
-        <label :title="node.tip || node.title" :class="node.class" :style="node.style">{{ node.title }}</label>
-      </span>
+      <div v-if="node.url && (node.url.startsWith('http://') || node.url.startsWith('https://'))" :class="node.rowClass" :style="node.rowStyle">
+        <a :title="node.tip || node.title" :class="node.labelClass" :style="node.labelStyle" @click="openExternal(node.url)">{{ node.title }}</a>
+      </div>
+      <div v-else :class="node.rowClass" :style="node.rowStyle">
+        <label :title="node.tip || node.title" :class="node.labelClass" :style="node.labelStyle">{{ node.title }}</label>
+      </div>
       <tree-node v-if="node.children && node.children.length > 0" :tree-data="node.children" class="child-node" />
     </li>
   </ul>
diff --git a/packages/gui/src/view/style/index.scss b/packages/gui/src/view/style/index.scss
index fc9d7e393d..a02c5d6004 100644
--- a/packages/gui/src/view/style/index.scss
+++ b/packages/gui/src/view/style/index.scss
@@ -145,12 +145,12 @@ hr {
 .help-list {
   ul {
     padding-left: 10px;
+
     li {
       list-style: none;
       line-height: 30px;
 
-      span {
-        display: block;
+      div {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -172,21 +172,21 @@ hr {
     }
   }
 
-  .help-title-h1 {
+  ul:first-child li:first-child div:first-child.title1 {
+    margin-top: 0;
+  }
+
+  .title1 {
     font-size: 18px;
     font-weight: bold;
     border-bottom: 1px solid #eee;
-    margin-top: 20px;
+    margin-top: 12px;
     margin-bottom: 5px;
     padding-bottom: 5px;
     padding-left: 5px;
-
-    &.md-mt-0 {
-      margin-top: 0;
-    }
   }
 
-  .help-title-h2 {
+  .title2 {
     font-size: 16px;
     font-weight: bold;
     margin-top: 10px;
diff --git a/packages/gui/src/view/style/theme/dark.scss b/packages/gui/src/view/style/theme/dark.scss
index 6c0ba35fb3..c914dca8e0 100644
--- a/packages/gui/src/view/style/theme/dark.scss
+++ b/packages/gui/src/view/style/theme/dark.scss
@@ -69,7 +69,7 @@ $dark-input: #777; //输入框：背景色
     background: $dark-bd;
   }
 
-  .help-list .help-title-h1 {
+  .help-list .title1 {
     border-bottom-color: $dark-bd;
   }