# light-reading-cloud-client

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

## Basic Information

- **Project Name**: light-reading-cloud-client
- **Description**: 轻松阅读 UI 客户端，vue.js & vuetify.js
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 5
- **Created**: 2021-01-01
- **Last Updated**: 2022-09-22

## 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://gitee.com/wikitangz/light-reading-cloud)

## 项目截图

![image](https://camo.githubusercontent.com/0378439020d0f0dc81ecf010e114b4527f77f75e7c72e63d948935b3f1390ae0/687474703a2f2f72656164696e672e7a65616c6f6e2e636e2f696e6465785f312e6a7067)

![image](https://camo.githubusercontent.com/066b1fbd62807fb7e10a25600d170d81816bf73c86f75f5abda311da15f45d15/687474703a2f2f72656164696e672e7a65616c6f6e2e636e2f696e6465785f322e6a7067)

## 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
```