样式

src/components/app-select-tree-list/app-select-tree-list.less

-.app-select-tree-list{
+.app-select-tree-list {
+  margin-top: 20px;
   font-size: 14px;
   .app-select-tree-list-item {
     display: flex;
     justify-content: space-between;
     padding: 10px 20px;
-        border-bottom: solid #efefef .2px;
+    border-bottom: solid #efefef 0.2px;
     align-items: center;
-        .header {
+    .app-select-tree-list-item-header {
       display: flex;
       justify-content: center;
       align-items: center;
     }
     .delete {
       color: #f85b46;
-            
     }
     .index_text {
       width: 30px;
@@ -26,3 +26,13 @@
     }
   }
 }
+.ibiz_sheet_tree {
+  height: 60vh;
+  .header {
+    position: absolute;
+    width: 100%;
+    margin: 0 auto;
+    height: 20px;
+    background: #fff;
+  }
+}

src/components/app-select-tree-list/app-select-tree-list.vue

 <template>
   <div class="app-select-tree-list">
     <div v-for="item in items" :key="item.srfkey" class="app-select-tree-list-item" >
-      <div class="header">
+      <div class="app-select-tree-list-item-header">
         <div class="index_text">{{getindexText(item.srfmajortext)}}</div>
         <div class="text">{{item.srfmajortext}}</div>
       </div>

src/styles/theme/theme.less

@@ -260,6 +260,20 @@
     --color: @theme-color;
     --color-activated: @theme-color;
   }
+
+  .app-select-tree-list {
+    .app-select-tree-list-item {
+      .index_text {
+        background: @theme-color;
+        color: @text-color;
+      }
+    }
+  }
+  .app-mob-treeview .tree_item_label .tree_item_index_text {
+    background: @theme-color;
+    color: @text-color;
+  }
+
   // 用户自定义主题文件
-  .user_theme(@theme-color,@text-color);
+  .user_theme(@theme-color, @text-color);
 }