Web/src/assets/style/lib/tree-layout.less

@@ -0,0 +1,43 @@
+@import (reference) '~@/assets/style/extend.less';
+.yo-tree-layout {
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  width: 100%;
+  height: 100%;
+  .ant-layout-sider {
+    background-color: @white;
+    .ant-layout-header {
+      height: @layout-header-height - 20px;
+
+      background-color: @white;
+      .header-actions {
+        >.ant-input-search {
+          .ant-input {
+            color: @black;
+            background-color: @white;
+            &:focus {
+              background-color: fade(@black, 5%);
+            }
+          }
+          .anticon-search {
+            color: fade(@black, 45%);
+          }
+        }
+      }
+    }
+    .swiper-container {
+      position: absolute;
+      top: @layout-header-height - 20px;
+      left: 0;
+      bottom: 0;
+
+      width: 100%;
+      .swiper-slide {
+        height: auto;
+        min-height: 100%;
+      }
+    }
+  }
+}