From 6f9a024e88b460f1a63a6ac36f948900b2aab4e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E8=89=AF?= <841369634@qq.com>
Date: Mon, 2 Dec 2024 23:27:06 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20=E5=B8=AE=E5=8A=A9=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=EF=BC=8C=E5=8F=AF=E4=BB=A5=E9=80=9A=E8=BF=87dataList=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84=20`class`=20=E5=92=8C=20`style`=20=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=EF=BC=8C=E6=B7=BB=E5=8A=A0=E6=A0=B7=E5=BC=8F=E7=B1=BB=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../gui/src/view/components/tree-node.vue     |  8 +++--
 packages/gui/src/view/style/index.scss        | 34 ++++++++++++++++++-
 packages/gui/src/view/style/theme/dark.scss   |  4 +++
 3 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/packages/gui/src/view/components/tree-node.vue b/packages/gui/src/view/components/tree-node.vue
index 7f25d0f..6cf033e 100644
--- a/packages/gui/src/view/components/tree-node.vue
+++ b/packages/gui/src/view/components/tree-node.vue
@@ -15,10 +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://'))" :title="node.tip || node.title">
-        <a @click="openExternal(node.url)">{{ node.title }}</a>
+      <span v-if="node.url && (node.url.startsWith('http://') || node.url.startsWith('https://'))" :class="node.class" :style="node.style">
+        <a :title="node.tip || node.title" @click="openExternal(node.url)">{{ node.title }}</a>
+      </span>
+      <span v-else :class="node.class" :style="node.style">
+        <label :title="node.tip || node.title">{{ node.title }}</label>
       </span>
-      <span v-else :title="node.tip || node.title">{{ node.title }}</span>
       <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 06c0ebd..fc9d7e3 100644
--- a/packages/gui/src/view/style/index.scss
+++ b/packages/gui/src/view/style/index.scss
@@ -30,6 +30,9 @@
   margin-right: 20px;
 }
 
+.md-mt-0 {
+  margin-top: 0;
+}
 .md-mt-5 {
   margin-top: 5px;
 }
@@ -151,10 +154,15 @@ hr {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
+        font-size: 14px;
       }
 
+      a {
+        color: #3990e0;
+      }
       a:hover {
         text-decoration: underline;
+        color: #2c9be5;
       }
     }
 
@@ -163,4 +171,28 @@ hr {
       padding-left: 20px;
     }
   }
-}
\ No newline at end of file
+
+  .help-title-h1 {
+    font-size: 18px;
+    font-weight: bold;
+    border-bottom: 1px solid #eee;
+    margin-top: 20px;
+    margin-bottom: 5px;
+    padding-bottom: 5px;
+    padding-left: 5px;
+
+    &.md-mt-0 {
+      margin-top: 0;
+    }
+  }
+
+  .help-title-h2 {
+    font-size: 16px;
+    font-weight: bold;
+    margin-top: 10px;
+  }
+
+  .console {
+    font-family: Consolas, arial, serif;
+  }
+}
diff --git a/packages/gui/src/view/style/theme/dark.scss b/packages/gui/src/view/style/theme/dark.scss
index 8e72d35..6c0ba35 100644
--- a/packages/gui/src/view/style/theme/dark.scss
+++ b/packages/gui/src/view/style/theme/dark.scss
@@ -69,6 +69,10 @@ $dark-input: #777; //输入框：背景色
     background: $dark-bd;
   }
 
+  .help-list .help-title-h1 {
+    border-bottom-color: $dark-bd;
+  }
+
   /* 左侧 */
   /** 背景色 **/
   .ant-layout-sider {