# vue-toutiaoApp

**Repository Path**: st123ing/vue-toutiaoApp

## Basic Information

- **Project Name**: vue-toutiaoApp
- **Description**: 基于vue的今日头条移动端app
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 2
- **Created**: 2019-12-09
- **Last Updated**: 2021-02-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-toutiaoApp #

> 这是用 **vue.js 3.0** 仿 **今日头条** 的移动端项目，结合了原生app的部分功能。
## 前言 ##
本人平时喜欢看 *今日头条* ，看到里面不错的动画和交互效果，想模仿一下，也是对自己学习成果的检验。
### 技术栈 ###
 1. vue.js 3.0全家桶（vue/cli、vueX、vue-router）
 2. axios、
 3. YDUI、
 4. better-scroll、flexible.js

### 在线地址 ###
> 暂无

### 项目效果图 ###
![加载错误，请在src/assets/image中查看](./src/assets/image/展示1.png)  ![加载错误，请在src/assets/image中查看](./src/assets/image/展示2.png)
![加载错误，请在src/assets/image中查看](./src/assets/image/展示3.png)  ![加载错误，请在src/assets/image中查看](./src/assets/image/展示4.png)
![加载错误，请在src/assets/image中查看](./src/assets/image/展示5.png)  ![加载错误，请在src/assets/image中查看](./src/assets/image/展示6.png)
![加载错误，请在src/assets/image中查看](./src/assets/image/展示7.png)  ![加载错误，请在src/assets/image中查看](./src/assets/image/展示8.png)
![加载错误，请在src/assets/image中查看](./src/assets/image/展示9.png)  ![加载错误，请在src/assets/image中查看](./src/assets/image/展示10.png)
### 说明 ###
 5. 因为暂时不会写接口；**数据都是自己模拟的**。
 6. 此项目主要是对于vue.js的运用，在样式上无法完全还原app，可能有些地方稍微丑陋，望请谅解！
 7. 项目会一直更新，完善更多的功能。
### 安装 ###
npm install
### 运行###
npm run serve

### 感谢 ###
如果感觉项目对您有所帮助，麻烦给个star吧，嘿嘿^_^，谢谢！！！
----------
**5-30 更新**

 1. 模块页面和功能完善；
----------
**5-19 更新**

 1. 小视频推荐页更新；
----------
**5-15 更新**

 1. 首页推荐部分更新；