新主题，先不要发版

src/styles/app/main.scss

@@ -20,3 +20,31 @@ html, body, #app {
 .gutter {
     background-color: transparent;
 }
+
+
+//左边树的
+.hc-page-left-tree {
+    .hc-project-box {
+        position: relative;
+        display: flex;
+        align-items: flex-start;
+        .hc-project-icon-box {
+            font-size: 28px;
+            color: var(--el-color-primary);
+        }
+        .project-name {
+            flex: auto;
+            position: relative;
+            overflow: hidden;
+            font-size: 15px;
+            color: var(--el-color-primary);
+        }
+    }
+    .hc-tree-box {
+        position: relative;
+        height: 100%;
+        .el-scrollbar__bar.is-vertical {
+            right: -8px;
+        }
+    }
+}

src/styles/page/archives/bookmark.scss

@@ -1,26 +1,3 @@
-.hc-archives-bookmark-page {
-    .hc-project-box {
-        position: relative;
-        display: flex;
-        align-items: flex-start;
-        .hc-project-icon-box {
-            font-size: 28px;
-            color: var(--el-color-primary);
-        }
-        .project-name {
-            flex: auto;
-            position: relative;
-            overflow: hidden;
-            font-size: 15px;
-            color: var(--el-color-primary);
-        }
-    }
-    .hc-tree-box {
-        position: relative;
-        height: 100%;
-    }
-}
-
 .el-form-item__content{
     flex-wrap: nowrap;
 }

src/styles/page/file/collection.scss

@@ -5,28 +5,6 @@
     height: 100%;
     flex-direction: column;
 }
-.hc-file-collection-page {
-    .hc-project-box {
-        position: relative;
-        display: flex;
-        align-items: flex-start;
-        .hc-project-icon-box {
-            font-size: 28px;
-            color: var(--el-color-primary);
-        }
-        .project-name {
-            flex: auto;
-            position: relative;
-            overflow: hidden;
-            font-size: 15px;
-            color: var(--el-color-primary);
-        }
-    }
-    .hc-tree-box {
-        position: relative;
-        height: 100%;
-    }
-}
 
 .hc-moves-transfer-box {
     position: relative;

src/views/archives/bookmark.vue

@@ -2,7 +2,7 @@
     <hc-body class="hc-archives-bookmark-page">
         <div class="relative h-full flex">
             <div :id="`hc_tree_card_${uuid}`">
-                <hc-new-card>
+                <hc-new-card class="hc-page-left-tree">
                     <template #header>
                         <div class="hc-project-box">
                             <div class="hc-project-icon-box">

src/views/file/collection.vue

@@ -2,7 +2,7 @@
     <hc-body class="hc-file-collection-page">
         <div class="relative h-full flex">
             <div :id="`hc_tree_card_${uuid}`">
-                <hc-new-card>
+                <hc-new-card class="hc-page-left-tree">
                     <template #header>
                         <div class="hc-project-box">
                             <div class="hc-project-icon-box">