提交

src/component/form/index.css

@@ -50,3 +50,6 @@ div#field-ra__control {
     margin: 16px;
     min-height: 35px;
 }
+.radio-form > div > div {
+    flex-direction: row;
+}

src/component/form/index.tsx

@@ -87,7 +87,7 @@ export const ContentBeforeAfter = () => {
           id={beforeAndAfterId}
         />
       </div>
-      <div>
+      <div className="radio-form">
         <Field label="性别">
           <RadioGroup>
             <Radio value="apple" label="男" />

src/pages/home/index.css

@@ -0,0 +1,16 @@
+.layout-col-4 {
+    flex: 0 0 33.33333%;
+    max-width: 33.33333%;
+    padding: 16px;
+}
+
+.layout-col-8 {
+    flex: 0 0 66.66666%;
+    max-width: 66.66666%;
+    padding: 16px;
+}
+
+.layout-row {
+    display: flex;
+    flex-wrap: wrap;
+}

src/pages/home/index.tsx

@@ -2,7 +2,10 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 import {FocusMode as Card} from '../../component/card';
 import {ContentBeforeAfter as Form} from '../../component/form';
+import List from "../listnew";
+import Tree from '../../component/tree';
 
+import "./index.css"
 function MyNavlink() {
     const { t } = useTranslation();
     return (
@@ -13,8 +16,12 @@ function MyNavlink() {
                 </div>
             </div>
             <div className="layout-row">
-                <div className="layout-col-4 tree-height"></div>
-                <div className="layout-col-8 list-height"></div>
+                <div className="layout-col-4 tree-height">
+                    <Tree></Tree>
+                </div>
+                <div className="layout-col-8 list-height">
+                    <List></List>
+                </div>
             </div>
             <div className="layout-row">
                 <div className="layout-col-12 form-height">