React简单个人网站项目记录Part2 - 关于

关于页面功能编写 

import React from 'react'
import "../About/index.scss"
import { Row, Col,Typography } from 'antd';
import whiteRoseImg from '../../assets/image/white_rose.png';
const { Title ,Text} = Typography;

function About() {
  return (
    <div className="about">
      <Row>
        <Col span={10} className="col_l">
          <Title level={2} className="lightblue_c">About me</Title>
            <p className="brief_intro">
              在校期间，学过Photoshop、皮毛的DW，对以后成为程序媛的我打下了基础，懵懵懂懂地做过其他职业，但是都不是很喜欢，后面接触了这个行业后就停不下来，
              对这个行业很感兴趣，学习兴趣也很浓厚；对一脚踏进这个职业的我，从开始的迷茫到现在，不知不觉已经四年了。
            </p>
            <Title level={5}>工作经历</Title>
            <Text>工作经历1</Text><br/>
            <Text>工作经历2</Text>
            <Title level={5}>教育经历</Title>
            <Text>工作经历1</Text><br/>
            <Text>工作经历2</Text>
        </Col>
        <Col span={12} className="col_r">
          <img src={whiteRoseImg} alt= "花朵图片" className="flowerImg about_img_r"/>
        </Col>
      </Row>
    </div>
  );
}

export default About;