前端开发
移动端

S7 产品移动端展示模块

该模块是属于 S7 的子模块,采用Create React App (opens in a new tab) 开发

S7 Mobile

支持的脚本

在项目目录中,运行:

npm start

Runs the app in the development mode.
Open http://localhost:3000/ais/mobile (opens in a new tab) to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests (opens in a new tab) for more information.

npm run build

构建并压缩构建文件,构建文件输出到 build 文件夹中。

构建完成后,将 build 目录拷贝到 S7 产品的 public/mobile 目录中。作为 S7 项目的静态子模块,提供 S7 产品使用。

版本要求

  • React 18.2.0
  • antd-mobile 5.34.0
  • typescript 4.9.5
  • react-router-dom 6.21.3
  • react-dom 18.2.0
  • react-router-dom 6.21.3
  • @antv/g2plot 2.4.31

项目结构

├── README.md
├── package-lock.json
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── manifest.json
│   ├── customer.js
│   └── robots.txt
├── src
│   ├── App.css
│   ├── App.test.tsx
│   ├── App.tsx
│   ├── index.css
│   ├── index.tsx
│   ├── logo.svg
│   ├── api
│   │   ├── service.ts
│   │   └── types.ts
│   ├── components
│   │   ├── S7Line.tsx
│   │   ├── S7Bar.tsx
│   │   ├── S7Top.tsx
│   │   └── index.ts
│   ├── pages
│   │   ├── Home.tsx
│   │   ├── Message.tsx
│   │   ├── PersonalCenter.tsx
│   │   ├── Todo.tsx
│   │   └── index.ts
│   ├── react-app-env.d.ts
│   ├── reportWebVitals.ts
│   ├── utils.ts
│   ├── commons.ts
│   ├── setupTests.ts
│   └── styles.less
├── tsconfig.json
└── typings.d.ts