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

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 { Carousel } from 'antd'
import Module from '../../public/module'
import './style.less'
const Build = () => {
    return (
       <div className='bgbuild'>
        <div className='bgbuild-left'>
            <Module title={"各种状态公路数量统计"} style={{ width: "100%",
            height:" 33%"
            }}>
               <div className='build-left-top'>
                    <div className='build-left-top-item'>
                    <div>
                            {/* <i>&#9658;</i> */}
                            <span/>
                            <span>在建公路数量</span> 
                        </div>
                        <div>6200</div>
                    </div>
                    <img src='/assets/images/quanju/zhuangtaigonglui.png' className='build-left-top-center'/>
                    <div className='build-left-top-item'>
                        <div>
                            {/* <i>&#9658;</i> */}
                            <span/>
                            <span>已建公路数量</span> 
                        </div>
                        <div>6200</div>
                    </div>
               </div>
            </Module>
            <Module title={"各乡镇道路占比统计"} style={{ width: "100%",
            height:" 33%",marginTop:'3%'
            }}>
                <div className='build-left-center'>
                    <div className='build-left-center-top'>
                        <div>
                            <img src='/assets/images/quanju/gonglugongli.png'></img>
                            <div>
                                <span>公路公里数/公里</span>
                                <span>1234,123</span>
                            </div>
                        </div>
                        <div>
                            <img src='/assets/images/quanju/gongluzong.png'></img>
                            <div>
                                <span>公路公里数/公里</span>
                                <span>1234,123</span>
                            </div>
                        </div>
                    </div>
                    <div className='build-left-center-titile'>
                        <span>乡镇名称</span>
                        <span>公路数量/条</span>
                        <span>公里</span>
                    </div>
                    <div className='build-left-center-content'>
                        <Carousel dotPosition='left' autoplay={true} dots={false}>
                    <div className='build-left-center-item'>
                        <span>乡镇名称</span>
                        <span>公路数量/条</span>
                        <span>公里</span>
                    </div>
                    <div className='build-left-center-item'>
                        <span>乡镇名称</span>
                        <span>公路数量/条</span>
                        <span>公里</span>
                    </div>
                    <div className='build-left-center-item'>
                        <span>乡镇名称</span>
                        <span>公路数量/条</span>
                        <span>公里</span>
                    </div>
                    <div className='build-left-center-item'>
                        <span>乡镇名称</span>
                        <span>公路数量/条</span>
                        <span>公里</span>
                    </div>
                    <div className='build-left-center-item'>
                        <span>乡镇名称</span>
                        <span>公路数量/条</span>
                        <span>公里</span>
                    </div>
                    <div className='build-left-center-item'>
                        <span>乡镇名称</span>
                        <span>公路数量/条</span>
                        <span>公里</span>
                    </div>
                        </Carousel>
                    </div>
                </div>
            </Module>
            <Module title={"道路统计"} style={{ width: "100%",
            height:" 30%",marginTop:'3%'
            }}></Module>
           
        </div>
        <div className='bgbuild-right'>
        <Module title={"宣传栏"} style={{ width: "100%",
            height:" 33%"
            }}>
               <div className='build-right-top'>
               <img src='/assets/images/quanju/xuanchuanlan.jpg'></img>
               <h2>全面建设好农村公路，切实发挥先行官作用</h2>
               </div>
            </Module>
        <Module title={"各乡镇在建公路工程"} style={{ width: "100%",
            height:" 33%",marginTop:'3%'
            }}></Module>
        <Module title={"公路等级统计"} style={{ width: "100%",
            height:" 30%",marginTop:'3%'
            }}></Module>
        </div>
        </div>
    )
}
export default Build