视频列表优化

src/index.less

@@ -32,6 +32,10 @@ code {
   margin-right: 16px;
 }
 
+.mb-8 {
+  margin-bottom: 8px;
+}
+
 .mb-10 {
   margin-bottom: 10px;
 }
@@ -117,6 +121,22 @@ code {
   color: @primaryColor;
 }
 
+.category-label {
+  width: 100%;
+  height: 40px;
+  border-radius: 6px;
+  font-size: 14px;
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.88);
+  line-height: 40px;
+  box-sizing: border-box;
+  padding-left: 16px;
+  cursor: pointer;
+  &.active {
+    background: rgba(#ff4d4f, 0.1);
+  }
+}
+
 .form-avatar {
   width: 100px;
   height: 100px;
@@ -160,6 +180,37 @@ code {
   }
 }
 
+.tree-main-body {
+  width: 100%;
+  height: auto;
+  min-height: calc(100vh - 172px);
+  float: left;
+  box-sizing: border-box;
+  border-radius: 12px;
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+  .left-box {
+    width: 250px;
+    float: left;
+    height: auto;
+    min-height: calc(100vh - 172px);
+    border-right: 1px solid #f6f6f6;
+    box-sizing: border-box;
+    padding: 24px 16px;
+    background-color: white;
+  }
+  .right-box {
+    width: calc(100% - 251px);
+    float: left;
+    height: auto;
+    min-height: calc(100vh - 172px);
+    box-sizing: border-box;
+    padding: 24px;
+    background-color: white;
+  }
+}
+
 .ant-menu,
 .ant-menu-sub,
 .ant-menu-inline {