视频组件

src/views/qdtl/video/index.vue

@@ -5,21 +5,25 @@
                 placeholder="输入关键字进行过滤"
                 v-model="filterText">
             </el-input>
-            <el-tree
-                :data="videoData"
-                :load="loadNode"
-                lazy
-                show-checkbox
-                node-key="id"
-                :default-expanded-keys="expandedKeys"
-                :default-checked-keys="[5]"
-                :props="defaultProps"
-                :filter-node-method="filterNode"
-                ref="tree"
-                @check-change = 'treeChange'
-                style="color:#C5D0D4;background-color:#04283C;"
-                >
-            </el-tree>
+            <div style="height:90vh">
+                  <el-scrollbar style="height:110%;">
+                        <el-tree
+                            :data="videoData"
+                            :load="loadNode"
+                            lazy
+                            show-checkbox
+                            node-key="id"
+                            :default-expanded-keys="expandedKeys"
+                            :default-checked-keys="[5]"
+                            :props="defaultProps"
+                            :filter-node-method="filterNode"
+                            ref="tree"
+                            @check-change = 'treeChange'
+                            style="color:#C5D0D4;background-color:#04283C;"
+                            >
+                        </el-tree>
+                  </el-scrollbar>
+            </div>
       </div>
 
      <div style="position: absolute;right:0;top:0;width: 100%;height: 100%;padding-left:33rem">
@@ -235,10 +239,18 @@ export default {
           padding: 10px;
           padding-top:0 ;
           min-height: 95vh;
+          /* max-height:96vh */
      }
      .app-container{
        position: relative;
        padding:0;
      }
+
+    .el-scrollbar .el-scrollbar__wrap {overflow-x: hidden;}
+    .el-tree>.el-tree-node{
+    height: 90vh;
+    min-width: 100%;
+    display:inline-block;
+    }
 </style>
 

src/views/qdtl/video/video.vue

@@ -5,21 +5,25 @@
                 placeholder="输入关键字进行过滤"
                 v-model="filterText">
             </el-input>
-            <el-tree
-                :data="videoData"
-                :load="loadNode"
-                lazy
-               :expand-on-click-node="false"
-                node-key="id"
-                :default-expanded-keys="expandedKeys"
-                :default-checked-keys="[5]"
-                :props="defaultProps"
-                :filter-node-method="filterNode"
-                ref="tree"
-                @node-click = 'treeChange'
-                style="background-color:#04283C;color:#C5D0D4"
-                >
-            </el-tree>
+             <div style="height:90vh">
+                  <el-scrollbar style="height:110%;">
+                        <el-tree
+                            :data="videoData"
+                            :load="loadNode"
+                            lazy
+                          :expand-on-click-node="false"
+                            node-key="id"
+                            :default-expanded-keys="expandedKeys"
+                            :default-checked-keys="[5]"
+                            :props="defaultProps"
+                            :filter-node-method="filterNode"
+                            ref="tree"
+                            @node-click = 'treeChange'
+                            style="background-color:#04283C;color:#C5D0D4"
+                            >
+                        </el-tree>
+               </el-scrollbar>
+            </div>
       </div>
 
      <div style="position: absolute;right:0;top:0;width: 100%;height: 100%;padding-left:33rem;">