# light-reading-cloud-client

**Repository Path**: ylcongbb/light-reading-cloud-client

## Basic Information

- **Project Name**: light-reading-cloud-client
- **Description**: No description available
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-07-19
- **Last Updated**: 2022-07-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center"> 轻松阅读 - Client </h1>

<p align="center">
  <a href="https://github.com/vuejs/vue">
    <img src="https://img.shields.io/badge/vue.js-2.6.11-blue" alt="vue">
  </a>
  <a href="https://github.com/vuetifyjs/vuetify">
    <img src="https://img.shields.io/badge/vuetify.js-2.2.22-blue" alt="vuetify">
  </a>
  <a href="https://github.com/Zealon159/book-ms-ui/blob/master/LICENSE">
    <img src="https://img.shields.io/badge/License-MIT-yellow" alt="license">
  </a>
</p>



演示地址：http://reading-cloud.zealon.cn/#/index

## 项目介绍

基于 vue.js 、Vuetify 搭建一个(H5)阅读类App。

其中精品页运用了组件化的思想，将每个栏目拆分为独立的组件，实现了组件最大化的复用以及减少了代码冗余。

还应用了动态组件实现精选、男生、女生、原创页签的切换，不用每次切换重新渲染内容。

项目接口工程基于 SpringCloud 技术栈开发，[点击进入仓库](https://github.com/Zealon159/light-reading-cloud)

## 项目截图

![image](http://reading.zealon.cn/index_1.jpg)

![image](http://reading.zealon.cn/index_2.jpg)

## Project setup

### Clone Project 

```
git clone https://github.com/Zealon159/light-reading-cloud-client.git
```

### Project setup

```
npm install
```

### Compiles and hot-reloads for development

启动成功 `http://localhost:9000/ `，默认端口9000，可以进入 `vue.config.js` 配置文件修改端口

```
npm run serve
```

### Compiles and minifies for production

```
npm run build
```

### Lints and fixes files

```
npm run lint
```

## License

[MIT](https://github.com/Zealon159/light-reading-cloud-client/blob/master/LICENSE)

Copyright (c) 2020 光彩盛年