# yipao

**Repository Path**: liuyuantao/yipao

## Basic Information

- **Project Name**: yipao
- **Description**: 基于 Vue 脚手架（Vue2.0）写成的一个仿~ 益跑网 Demo。主要是练 2.0 的路由。首页的手风琴特效通过原生写的。其他页的轮播图通过一个叫 Vue-awesome-swiper 写成（竖直方向好像有点 bug），懒加载用的 Vue-lazyload。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2017-04-20
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于Vue-cli的PC端SPA实践（Yipao）

> A Simple Vue2.0 project （IE9+）
> Still underConstruction
> 基于Vue-cli的PC端SPA
> Based on Vue-cli for PC SPA（仿·益跑网）

## Demo

https://laclys.github.io/yipao/dist/index.html

## Stack

Vue2.0+Vue-router2+Webpack2+ES6+Sass+Vue-lazyload+Vue-awesome-swiper

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

## Directory structure
```
├─src
│  │  App.vue
│  │  main.js
│  │
│  ├─assets
│  │      index_fixed.png
│  │      logo.png
│  │
│  └─components
│      ├─column
│      │      column.vue
│      │
│      ├─enroll
│      │      enroll.vue
│      │
│      ├─equip
│      │      equip.vue
│      │
│      ├─footer
│      │      footer.vue
│      │
│      └─index
│              index.vue
│
└─static //(reset.css and image files)
└─index.html
```
## Demo images

![](./demo_pics/demo01.jpg)

![](./demo_pics/demo02.jpg)

![](./demo_pics/demo03.jpg)

![](./demo_pics/demo04.jpg)

![](./demo_pics/demo05.jpg)

## TODO

> 进一步组件化

> 性能优化

## Thanks