You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
1.2 KiB
23 lines
1.2 KiB
import React from 'react'
|
|
import "./font.css"
|
|
import "./left.less"
|
|
|
|
const Module = (props) => {
|
|
const { style, children, title, hualun, customize } = props
|
|
return (
|
|
<>
|
|
<div style={{ width: style?.width || "100%", height: style?.height || "30%", backgroundColor: "rgba(0,33,98,0.8)", marginTop: style?.marginTop || "0" }}>
|
|
<div style={{ width: "100%", height: "40px"/* , backgroundColor: "#fff" */, position: "relative" }}>
|
|
{/* <p>{title || []}</p> */}
|
|
<img src='/assets/images/quanju/icon.png' style={{ width: "24px", position: "absolute", left: "20px", top: "15%" }} />
|
|
<span style={{ position: "absolute", color: "#FFFFFF", fontSize: "24px", fontFamily: "YouSheBiaoTiHei", left: "50px" }}>{title || []}</span>
|
|
<img src='/assets/images/quanju/mokuaitou.png' style={{ width: "100%", height: "28px", position: "absolute", top: "12px" }} />
|
|
</div>
|
|
<div id='scroll-2' style={{ width: "100%", height: customize ? `calc(100% - 40px)` : "80%", overflow: hualun }}>
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|
|
export default Module
|