1343873382 / about-us

aboutus

About us - Redrock 2021改版

整体结构

为了方便只展示 src 目录下的文件。图片文件夹只展示具体文件夹，不展示具体文件。

src
│  index.js
│  mobile.js        
│  serviceWorker.js 
│  
├─assets
│  ├─aboutus
│  ├─avatar
│  │
│  ├─banner
│  │
│  ├─Destination
│  │      Destination_icon.png
│  │
│  ├─font
│  │      Impact.ttf
│  │
│  ├─footer
│  │      bacteria.png
│  │      cyxbs.png
│  │
│  ├─logo
│  │      redrock_logo.png
│  │
│  └─product
│          1.png
│          2.png
│          3.png
│          4.png
│          5.png
│
├─data
│  │  index.js
│  │  mobile.js
│  │  pc.js
│  │
│  └─public
│          copywriting.js
│          destination.js
│          index.js
│          products.js
│
├─mobile
│  │  App.js
│  │
│  ├─components
│  │  │  index.js
│  │  │
│  │  ├─Aboutus
│  │  │      index.js
│  │  │      index.scss
│  │  │
│  │  ├─Carousel
│  │  │      index.js
│  │  │      index.scss
│  │  │
│  │  ├─Department
│  │  │      index.js
│  │  │      index.scss
│  │  │
│  │  ├─Destination
│  │  │      index.js
│  │  │      index.scss
│  │  │      parseDestination.js
│  │  │
│  │  ├─Footer
│  │  │      index.js
│  │  │      index.scss
│  │  │
│  │  ├─Joinus
│  │  │      index.js
│  │  │      index.scss
│  │  │
│  │  └─Product
│  │          index.js
│  │          index.scss
│  │
│  ├─Context
│  │      index.js
│  │
│  └─scss
│          global.scss
│          normalize.scss
│
└─pc
    │  App.js
    │
    ├─components
    │  │  index.js
    │  │
    │  ├─Footer
    │  │      index.js
    │  │      index.scss
    │  │
    │  ├─Header
    │  │      index.js
    │  │      index.scss
    │  │
    │  ├─Sidebar
    │  │      index.js
    │  │      index.scss
    │  │
    │  └─swiper
    │          Swiper.jsx
    │          swiper.scss
    │
    ├─Context
    │      index.js
    │
    ├─pages
    │  │  index.js
    │  │
    │  ├─Aboutus
    │  │      index.js
    │  │      index.scss
    │  │
    │  ├─Department
    │  │      index.js
    │  │      index.scss
    │  │
    │  ├─Destination
    │  │      index.js
    │  │      index.scss
    │  │      parseDestination.js
    │  │
    │  ├─Index
    │  │      index.js
    │  │      index.scss
    │  │
    │  ├─Joinus
    │  │      index.js
    │  │      index.scss
    │  │
    │  └─Product
    │          index.js
    │          index.scss
    │
    └─scss
            global.scss

技术栈

• React

项目运行

克隆仓库

git clone https://gitlab.redrock.team/web/about-us.git

安装依赖

yarn add or npm install

运行

node scripts/start.js

项目亮点/难点

• 在产品展示页，模仿了网易云音乐式的卡片轮播

参与项目成员

• 林其星

代码的 GitHub/GitLab 地址

• github: https://github.com/Cansiny0320/recruit-new.git
• gitlab: https://gitlab.redrock.team/web/about-us.git

项目的线上地址

https://wx.redrock.team/game/about-us/