Home

Awesome

DeepScan Grade

vue-nReader

使用mint-ui对整个项目进行了重构，整理了项目的目录结构与代码，较上个版本新增了小说换源、搜索历史记录、优化了滚动下载和下拉刷新

整个项目一共14个页面（包括通用组件），主要使用了vue2.0+vue-router+vuex，主要实现了小说排行榜，小说分类，小说详情，小说阅读，搜索页面，小说阅读记录等页面。达到了可用来看小说的基本需求。

项目中的API均来自追书神器，纯属共享学习之用，有任何疑问或建议可提issue，使用代理，本地可以完美运行。

API文档

本地运行代理

本地运行

使用vue-cli工具构建，基本命令如下：

# 安装依赖
npm install

# 开发模式
npm run dev

# 生产模式
npm run build

预览地址

项目放在国外虚拟主机上，代理也运行在上面，所以加载速度可能会比较慢。其中有一些小说封面会加载不出来，这个是api的问题，并不是网络的原因。

电脑端请开启开发者模式 在线预览地址

手机扫码： <img src="https://github.com/zimplexing/vue-nReader/blob/master/screenshot/nReader.png?raw=true" width="100"/>

实现功能

TODO

屏幕截图

<img src="https://github.com/zimplexing/vue-nReader/blob/master/screenshot/bookshelf.png?raw=true" width="280"/> <img src="https://github.com/zimplexing/vue-nReader/blob/master/screenshot/catory.png?raw=true" width="280"/> <img src="https://github.com/zimplexing/vue-nReader/blob/master/screenshot/rank.png?raw=true" width="280"/> <img src="https://github.com/zimplexing/vue-nReader/blob/master/screenshot/catDetail.png?raw=true" width="280"/> <img src="https://github.com/zimplexing/vue-nReader/blob/master/screenshot/rankType.png?raw=true" width="280"/> <img src="https://github.com/zimplexing/vue-nReader/blob/master/screenshot/search.png?raw=true" width="280"/> <img src="https://github.com/zimplexing/vue-nReader/blob/master/screenshot/book.png?raw=true" width="280"/> <img src="https://github.com/zimplexing/vue-nReader/blob/master/screenshot/readbook.png?raw=true" width="280"/> <img src="https://github.com/zimplexing/vue-nReader/blob/master/screenshot/nightMode.png?raw=true" width="280"/> <img src="https://github.com/zimplexing/vue-nReader/blob/master/screenshot/chapter.png?raw=true" width="280"/>

问题

记录在项目中遇到的一些问题，和解决方法