An open API service indexing awesome lists of open source software.

https://github.com/tjx666/xianyu

使用 react 作为 ui 框架高仿咸鱼 app
https://github.com/tjx666/xianyu

Last synced: about 2 months ago
JSON representation

使用 react 作为 ui 框架高仿咸鱼 app

Awesome Lists containing this project

README

        

# react 仿闲鱼 android app

## 使用到的技术和工具包括

1. react 前端 UI 框架
2. react router4 前端路由
3. flex 弹性盒子技术
4. axios ajax库
5. sass 方便嵌套的写 css, 的一个预编译工具
6. iconFont 阿里巴巴字体图标
7. create-react-app 脚手架,不过还是要 eject 手动配置一些工具

## 运行方式

1. 进入项目根目录 `cd /the/path/to/this/project`
2. 安装依赖 `npm install`或者安装了**yarn** 可以使用`yarn`
3. 启动项目 `npm start`
4. 打开浏览器访问主页 `http://localhost:3000/index`

**注意**:

1. 运行该项目需要安装 `nodejs`, 推荐使用`nvm` node版本管理工具
2. 安装依赖如果速度较慢,可以将源切换到阿里源,或者使用`cnpm`安装依赖

## 一些截图:

### 首页

![index:](https://github.com/tjx666/xianyu/blob/master/screenshots/index.png?raw=true)

### 鱼塘

![pool:](https://github.com/tjx666/xianyu/blob/master/screenshots/pool.png?raw=true)

### 消息页

![message:](https://github.com/tjx666/xianyu/blob/master/screenshots/message.png?raw=true)

### 个人中心

![self:](https://github.com/tjx666/xianyu/blob/master/screenshots/self.png?raw=true)

### 登入页

![login:](https://github.com/tjx666/xianyu/blob/master/screenshots/login.png?raw=true)