67 lines
3.5 KiB
TypeScript
67 lines
3.5 KiB
TypeScript
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; |