改-修改组件样式

components/contentBox/interface.ts

+interface DomType {
+    noFor?: boolean,
+    columns:{element:JSX.Element}[],
+}
 export interface leftBoxProps {
     boxIndex: number,
-    leftRenderDom: {
-        noFor?: boolean,
-        RenderDom: JSX.Element
-    },
+    leftRenderDom: DomType,
 }
 export interface rightBoxProps {
-    rightRenderDom: {
-        noFor?: boolean,
-        RenderDom: JSX.Element
-    }
+    rightRenderDom: DomType
 }
 
 export interface BoxProps {
     boxIndex: number,
-    leftRenderDom: {
-        noFor?: boolean,
-        RenderDom: JSX.Element
-    },
-    rightRenderDom: {
-        noFor?: boolean,
-        RenderDom: JSX.Element
-    }
+    leftRenderDom: DomType,
+    rightRenderDom: DomType
 }
\ No newline at end of file

components/contentBox/left/index.tsx

@@ -9,7 +9,7 @@ export default function Left(props:leftBoxProps) {
           leftRenderDom.noFor ? 
            <div>111111</div>
            :
-           leftRenderDom.RenderDom
+           leftRenderDom.columns.map((item)=>item.element)
         }
     </Box>
   )

components/contentBox/right/index.tsx

@@ -9,7 +9,7 @@ export default function Right(props:rightBoxProps) {
           rightRenderDom.noFor ? 
            <div>111111</div>
            :
-           rightRenderDom.RenderDom
+           rightRenderDom.columns.map((item)=>item.element)
         }
     </Box>
   )

pages/equipmentLeasing/index.tsx

@@ -149,7 +149,7 @@ export default function EquipmentLeasing() {
             </div>
           </div>
         </div>
-        <ContentBox boxIndex={4} leftRenderDom={{RenderDom:Dom}} rightRenderDom={{noFor:true,RenderDom:Dom}}/>
+        <ContentBox boxIndex={4} leftRenderDom={{columns:[{element:Dom}]}} rightRenderDom={{noFor:true,columns:[{element:Dom}]}}/>
       </Box>
     </Layout>
   )

pages/flyingHandService/index.tsx

@@ -63,7 +63,7 @@ export default function FlyingHandService() {
           </div>
           <Button type="primary" className='btn'>报名学习课程</Button>
         </div>
-        <ContentBox boxIndex={2} leftRenderDom={{RenderDom:Dom}} rightRenderDom={{noFor:true,RenderDom:Dom}}/>
+        <ContentBox boxIndex={2} leftRenderDom={{columns:[{element:Dom}]}} rightRenderDom={{noFor:true,columns:[{element:Dom}]}}/>
       </Box>
     </Layout>
   );

pages/home/waterfallFlowBody/index.tsx

 import React from 'react';
+import {Box} from './styled';
 import ContentBox from '~/components/contentBox';
 export default function WaterfallFlowBody() {
   const Dom = <div className='item' style={{height:343}}>12312312312</div>
-  return <div>
-    
-    <ContentBox boxIndex={2} leftRenderDom={{RenderDom:Dom}} rightRenderDom={{noFor:true,RenderDom:Dom}}/>
-  </div>;
+  const columns = [
+    {
+      element:Dom
+    }
+  ]
+  return (
+    <Box>
+      <ContentBox boxIndex={2} leftRenderDom={{columns:[{element:Dom}]}} rightRenderDom={{noFor:true,columns:[{element:Dom}]}}/>
+    </Box>
+  )
 }

pages/home/waterfallFlowBody/styled.tsx

+import styled from "styled-components"
+
+export const Box = styled.div`
+    box-sizing: border-box;
+    .item{
+        background-color: red;
+    }
+`
\ No newline at end of file

pages/jobServices/index.tsx

@@ -149,7 +149,7 @@ export default function JobServices() {
             </div>
           </div>
         </div>
-        <ContentBox boxIndex={2} leftRenderDom={{RenderDom:Dom}} rightRenderDom={{noFor:true,RenderDom:Dom}}/>
+        <ContentBox boxIndex={2} leftRenderDom={{columns:[{element:Dom}]}} rightRenderDom={{noFor:true,columns:[{element:Dom}]}}/>
       </Box>
     </Layout>
   )