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}>
                    水库防洪标准按
                    <span className={styles.color}>50</span>
                    年一遇设计，<span className={styles.color}>1000</span>年一遇校核，设计洪水位<span className={styles.color}>111.51</span>米，
                    校核洪水位 <span className={styles.color}>112.75</span> 米,
                    水库担负着红安县城、七里坪、杏花、城关等城镇，
                    以及京九铁路汉麻连络线、省道S234、国道G230,京九铁路汉麻联络线等交通设施安全的防洪重任、防洪保护人口<span className={styles.color}>32</span>万
                    人，保护耕地 <span className={styles.color}>15</span> 万亩。
                </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