tsg-web/src/views/sq/qys/xyys/index.js

import { Image } from "antd"
import zd from '../../../../assets/img/u7.png'
import title from '../../../../assets/img/titleRight.png'
import styles from './index.module.less'

const Page = () => {
    return (
        <div style={{ display: 'flex',height:'100%' }}>
            <div style={{ backgroundColor: '#ffffff',width:390,height:'100%',marginRight:10,padding:10 }}>
                <div className={styles.title}>
                    <Image src={title} />保护对象
                </div>
                <div className={styles.content}>
                    水库防洪标准按50年一遇设计，1000年一遇校核，设计洪水位111.51米，校核洪水位 112.75 米,水库担负着红安县城、七里坪、杏花、城关等城镇，以及京九铁路汉麻连络线、省道S234、国道G230,京九铁路汉麻联络线等交通设施安全的防洪重任、防洪保护人口32万
                    人，保护耕地 15 万亩。
                </div>

            </div>
            <div style={{ backgroundColor: '#ffffff',flex:1,padding:10}}>
                <div className={styles.title}>
                    <Image src={title} />转移路线示意图
                </div>
                <div style={{display:'flex',justifyContent:'center',height: 'calc(100% - 40px)',alignItems:'center'}}>
                <Image src={zd} width='80%' preview={false} />
                </div>
                
            </div>
        </div>
    )
}
export default Page