Giter VIP home page Giter VIP logo

read-vue's Introduction

read-vue

WebApp小说阅读器

前言

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

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

小说章节内容: http://http://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(本地运行 访问:http://localhost:8080)

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

预览地址

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

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

实现功能

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

TODO

  • 个人中心
  • 仿真翻页

屏幕截图

read-vue's People

Contributors

webxiaoming avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.