style: 优化左侧分类树样式

3 years ago · 41cfe346ff
parent 00f13b20ea
commit 41cfe346ff
1 changed files with 14 additions and 4 deletions
--- a/src/views/plugin/workflow/process/components/category.vue
+++ b/src/views/plugin/workflow/process/components/category.vue
@ -1,7 +1,9 @@
 <template>
-  <avue-tree :option="option"
-             :data="data"
-             @node-click="handleNodeClick"></avue-tree>
+  <div class="wf-avue-tree">
+    <avue-tree :option="option"
+               :data="data"
+               @node-click="handleNodeClick"></avue-tree>
+  </div>
 </template>

 <script>
@ -43,5 +45,13 @@ export default {
 }
 </script>

-<style>
+<style lang="scss">
+.wf-avue-tree {
+  height: 90%;
+  overflow-y: auto;
+  
+  .avue-tree {
+    height: auto;
+  }
+}
 </style>