GitPedia

Vue reader

vue2.0阅读器

From huangshouqi·Updated July 11, 2025·View on GitHub·

初学vue2.0,花几天时间模仿了一个小说阅读的WebApp,样式比较粗糙,参考了 [慕课网课程](http://coding.imooc.com/class/13.html) 和 [tgxhx](https://github.com/tgxhx/vue-reader/) 的项目,在其基础上进行了学习和改造。自我感觉代码还是有点混乱,仅仅实现了基本的功能,后期有时间的话会进行重构。 The project is written primarily in Vue, first published in 2017. Key topics include: vue2-demo, vuejs.

vue-reader

初学vue2.0,花几天时间模仿了一个小说阅读的WebApp,样式比较粗糙,参考了 慕课网课程tgxhx 的项目,在其基础上进行了学习和改造。自我感觉代码还是有点混乱,仅仅实现了基本的功能,后期有时间的话会进行重构。

在线预览
(手机预览和Chrome下f12效果最佳)

源码地址

api地址

二维码扫描

使用说明

bash
# 克隆项目 git clone git@github.com:huangshouqi/vue-reader.git # 安装依赖 npm install # 本地开发环境 访问http://localhost:8080 npm run dev # 构建生产 npm run build

技术栈

  • vue2.0+vue-router+vuex(vue全家桶)
  • mint-ui(使用了swipe和pull-down组件)
  • es6(javascript核心规范)
  • stylus (css预处理器)
  • axios(数据请求)
  • localStorage (HTML5本地存储)

功能

  • 首页推荐
  • 分类查看
  • 书籍详情
  • 相似推荐
  • 目录跳转
  • 下拉刷新
  • 加载动画
  • 更改字体
  • 更换主题
  • 夜间模式
  • 记忆个性化设置

待加入功能

  • 书架
  • 搜索
  • 滑动翻页

预览图

首页

分类页

书籍详情页

目录

阅读器

More

欢迎大家提出不足与建议,我会进行改正

Contributors

Showing top 1 contributor by commit count.

View all contributors on GitHub →

This article is auto-generated from huangshouqi/vue-reader via the GitHub API.Last fetched: 6/14/2026