Skip to content

WebXiaoMing/read-vue

Repository files navigation

read-vue

WebApp小说阅读器

前言

项目中的api均来自追书神器,纯属共享学习之用。

各类排行榜以及小说基本信息: https://api.zhuishushenqi.com

小说章节内容: https://https://chapterup.zhuishushenqi.com/chapter

有参考起点中文网app、起点中文网web端,再加上自己的一些想法搞出来的。 项目中的小图标使用的是阿里巴巴的矢量图标库Iconfont

技术栈

Vue2 + vuex + vue-router + webpack + ES6 + axios + stylus

项目运行

git clone https://github.com/WebXiaoMing/read-vue

cd read-vue

npm install

npm run dev(本地运行 访问:https://localhost:8080)

npm run build (部署上线 生成的dist文件夹放到服务器中即可:需要使用nginx配置代理)

预览地址

此项目只是做学习之用,只能阅读免费章节,如需追vip章节请到正版网站去。

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

实现功能

  • 小说书架
  • 分类查询
  • 排行榜
  • 上拉加载 下拉刷新
  • 记录阅读历史位置
  • 小说详情
  • 小说评论社区
  • 章节倒序
  • 阅读历史记录(记录阅读章节)
  • 阅读夜间模式
  • 阅读界面设置(字体大小自适应行高及阅读背景色)
  • 保存阅读界面设置
  • 组件切换动效

TODO

  • 个人中心
  • 仿真翻页

屏幕截图

About

小说阅读Webapp

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published