修改布置图居中

qzc-dev-demo
秦子超 2025-04-03 11:30:20 +08:00
parent fcc4aae591
commit d52f733b63
2 changed files with 9 additions and 7 deletions

View File

@ -13,12 +13,12 @@ export default function TuLi() {
return (
<div className='homePage_tuli'>
<div className='homePage_tuli_title'>图例</div>
<div className='homePage_tuli_row'>
{/* <div className='homePage_tuli_row'>
<div className='homePage_tuli_row_text1' style={{width:'40%',marginTop:'-2px'}}>
<img width={20} height={20} src={`${process.env.PUBLIC_URL}/assets/xyt/fxdd/dm.png`} alt="" />
</div>
<div className='homePage_tuli_row_text3' style={{width:'60%'}}>断面</div>
</div>
</div> */}
<div className='homePage_tuli_row'>
<div className='homePage_tuli_row_text1' style={{width:'40%',marginTop:'-2px'}}>

View File

@ -24,6 +24,8 @@ export default function Page({isHome}) {
const [openSl, setOpenSl] = useState(false)
const [openWy, setOpenWy] = useState(false)
const [openDm, setOpenDm] = useState(false)
const myWidth = window.innerWidth
const myHeight = window.innerHeight
const [modalData, setModalData] = useState({})
@ -97,9 +99,9 @@ export default function Page({isHome}) {
<div className='gcaqjc_bzt'>
<TransformWrapper
limitToBounds={false}
initialScale={1}
initialPositionX={isHome?-220:-450}
initialPositionY={isHome?10:20}
initialScale={0.7}
initialPositionX={((myWidth-660)/2)-(isHome?450:750)}
initialPositionY={((myHeight-60)/2)-(isHome?500:430)}
maxScale={100}
minScale={0.5}
>
@ -213,9 +215,9 @@ export default function Page({isHome}) {
</div>:null
}
{/* <div style={{position:'absolute',left:'30px',top:'calc( 100vh - 300px )'}}>
<div style={{position:'absolute',left:'30px',top:'calc( 100vh - 300px )'}}>
<TuLi/>
</div> */}
</div>
<Modal width={1000} wrapClassName='home_modal' bodyStyle={{padding:0}} title={null} closable={false} footer={null} open={openSy} onCancel={()=>setOpenSy(false)} destroyOnClose={true}>
<ShenYa id={modalData.stationCode} data={modalData} dispatch={dispatch} record={modalData} onCancel={()=>setOpenSy(false)}/>