import TitleBox from "../Component/TitleBox";
import inputImg from "../../assets/icon/input.png"
import prod from '../../assets/icon/prod.png'
function LeftUp() {
    return(
      <div className="ld_left_up">
        <TitleBox title={"left_up"} />
        <div style={{ padding: "10px", height: "555px" }}>
          <div className="left_down_title flex-row" style={{marginBottom:"8px"}}>
            <div className="left_down_box1 flex-col" />
            <span className="left_down_text">本日</span>
            <div className="left_down_box2 flex-col" />
          </div>
          <div className="ld_left_up_inner">
            <div className="num_contrast flex-row">
              <div>
                <img src={inputImg} alt="" width="54px"/>
                <p style={{position:"relative",top:"-3px",left:"3px",color:'#9DEAF5'}}>总投入</p>
              </div>
              <div className="num_contrast_right">
                <p style={{height:"45px",paddingTop:'5px'}}><span style={{fontSize:'32px',display:'inline-block',marginRight:'5px'}}>932,261</span>片数</p>
                <p style={{height:"40px"}}><span style={{fontSize:'32px',display:'inline-block',marginRight:'5px'}}>894</span>面积/㎡</p>
              </div>
            </div>
            <div className="num_contrast flex-row">
              <div>
                <img src={prod} alt="" width="54px"/>
                <p style={{position:"relative",top:"-3px",left:"3px",color:'#9DEAF5'}}>总生产</p>
              </div>
              <div className="num_contrast_right">
                <p style={{height:"45px",paddingTop:'5px'}}><span style={{fontSize:'32px',display:'inline-block',marginRight:'5px'}}>932,261</span>片数</p>
                <p style={{height:"40px"}}><span style={{fontSize:'32px',display:'inline-block',marginRight:'5px'}}>894</span>面积/㎡</p>
              </div>
            </div>
          </div>
          <div className="left_down_title flex-row" style={{margin:"10px 0px 8px 0px"}}>
            <div className="left_down_box1 flex-col" />
            <span className="left_down_text">昨日</span>
            <div className="left_down_box2 flex-col" />
          </div>
          <div className="ld_left_up_inner">
            <div className="num_contrast flex-row">
              <div>
                <img src={inputImg} alt="" width="54px"/>
                <p style={{position:"relative",top:"-3px",left:"3px",color:'#9DEAF5'}}>总投入</p>
              </div>
              <div className="num_contrast_right">
                <p style={{height:"45px",paddingTop:'5px'}}><span style={{fontSize:'32px',display:'inline-block',marginRight:'5px'}}>932,261</span>片数</p>
                <p style={{height:"40px"}}><span style={{fontSize:'32px',display:'inline-block',marginRight:'5px'}}>894</span>面积/㎡</p>
              </div>
            </div>
            <div className="num_contrast flex-row">
              <div>
                <img src={prod} alt="" width="54px"/>
                <p style={{position:"relative",top:"-3px",left:"3px",color:'#9DEAF5'}}>总生产</p>
              </div>
              <div className="num_contrast_right">
                <p style={{height:"45px",paddingTop:'5px'}}><span style={{fontSize:'32px',display:'inline-block',marginRight:'5px'}}>932,261</span>片数</p>
                <p style={{height:"40px"}}><span style={{fontSize:'32px',display:'inline-block',marginRight:'5px'}}>894</span>面积/㎡</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    )
}
export default LeftUp;