欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-04-22 16:08:10
...

关于页面功能编写 

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;

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

相关标签: React