建设首页大屏

web/client/src/sections/quanju/containers/footer/build/Leftbottom.js

@@ -0,0 +1,7 @@
+import React from 'react'
+import './style.less'
+export default function Leftbottom() {
+  return (
+    <div className='build-left-bottom'>Leftbottom</div>
+  )
+}

web/client/src/sections/quanju/containers/footer/build/Leftcenter.js

@@ -0,0 +1,7 @@
+import React from 'react'
+import './style.less'
+export default function Leftcenter() {
+  return (
+    <div className='build-left-center'>Leftcenter</div>
+  )
+}

web/client/src/sections/quanju/containers/footer/build/Lefttop.js

@@ -0,0 +1,7 @@
+import React from 'react'
+import './style.less'
+export default function Lefttop() {
+  return (
+    <div className='build-left-top'>Lefttop</div>
+  )
+}

web/client/src/sections/quanju/containers/footer/build/Rightbottom.js

@@ -0,0 +1,7 @@
+import React from 'react'
+import './style.less'
+export default function Rightbottom() {
+  return (
+    <div className='build-right-bottom'>Rightbottom</div>
+  )
+}

web/client/src/sections/quanju/containers/footer/build/Rightcenter.js

@@ -0,0 +1,7 @@
+import React from 'react'
+import './style.less'
+export default function Rightcenter() {
+  return (
+    <div className='build-right-center'>Rightcenter</div>
+  )
+}

web/client/src/sections/quanju/containers/footer/build/Righttop.js

@@ -0,0 +1,7 @@
+import React from 'react'
+import './style.less'
+export default function Righttop() {
+  return (
+    <div className='build-right-top'>Righttop</div>
+  )
+}

web/client/src/sections/quanju/containers/footer/build/index.js

@@ -1,8 +1,25 @@
 import React from 'react'
-
+import LeftTop from './Lefttop'
+import LeftCenter from './Leftcenter'
+import LeftBottom from './Leftbottom'
+import RightTop from './Righttop'
+import Rightcenter from './Rightcenter'
+import Rightbottom from './Rightbottom'
+import './style.less'
 const Build = () => {
     return (
-        <>建设</>
+       <div className='bgbuild'>
+        <div className='bgbuild-left'>
+            <LeftTop/> 
+            <LeftCenter/>
+            <LeftBottom/>
+        </div>
+        <div className='bgbuild-right'>
+            <RightTop/>
+            <Rightcenter/>
+            <Rightbottom/>
+        </div>
+        </div>
     )
 }
 export default Build

web/client/src/sections/quanju/containers/footer/build/style.less

@@ -0,0 +1,53 @@
+.bgbuild{
+    // box-sizing: border-box;
+    padding: 0 15px 0 15px;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    .bgbuild-left{
+        width: 25%;
+        height: 100%;
+        .build-left-top{
+            width: 100%;
+            height: 33%;
+            background-color: pink;
+            margin-bottom: 3%;
+        }
+        .build-left-center{
+            width: 100%;
+            height: 33%;
+            background-color: pink;
+            margin-bottom: 3%;
+        }
+        .build-left-bottom{
+            width: 100%;
+            height: 30%;
+            background-color: pink;
+        
+        }
+    }
+    .bgbuild-right{
+        width: 25%;
+        height: 100%;
+        .build-right-top{
+            width: 100%;
+            height: 33%;
+            background-color: pink;
+            margin-bottom: 3%;
+        }
+        .build-right-center{
+            width: 100%;
+            height: 33%;
+            background-color: pink;
+            margin-bottom: 3%;
+        }
+        .build-right-bottom{
+            width: 100%;
+            height: 30%;
+            background-color: pink;
+        }
+    }
+}
+
+