帮助页面，样式优化。

docmirror · Dec 3, 2024 · ff17de8 · ff17de8
1 parent 58500d3
commit ff17de8
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 17 deletions.
diff --git 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
@@ -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
@@ -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
@@ -69,7 +69,7 @@ $dark-input: #777; //输入框：背景色
     background: $dark-bd;
   }
 
-  .help-list .help-title-h1 {
+  .help-list .title1 {
     border-bottom-color: $dark-bd;
   }