{"id":13536452,"url":"https://github.com/zimplexing/vue-nReader","last_synced_at":"2025-04-02T03:30:46.277Z","repository":{"id":45398831,"uuid":"91473277","full_name":"zimplexing/vue-nReader","owner":"zimplexing","description":":book: vue2.0 + vue-router + vuex 的 一个阅读webapp","archived":false,"fork":false,"pushed_at":"2018-06-22T08:32:13.000Z","size":4353,"stargazers_count":531,"open_issues_count":4,"forks_count":143,"subscribers_count":18,"default_branch":"master","last_synced_at":"2024-11-03T01:33:13.235Z","etag":null,"topics":["api","vue","zhuishushenqi"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zimplexing.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-05-16T15:18:45.000Z","updated_at":"2024-09-14T18:59:30.000Z","dependencies_parsed_at":"2022-09-19T10:21:52.563Z","dependency_job_id":null,"html_url":"https://github.com/zimplexing/vue-nReader","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zimplexing%2Fvue-nReader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zimplexing%2Fvue-nReader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zimplexing%2Fvue-nReader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zimplexing%2Fvue-nReader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zimplexing","download_url":"https://codeload.github.com/zimplexing/vue-nReader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246750857,"owners_count":20827792,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","vue","zhuishushenqi"],"created_at":"2024-08-01T09:00:39.673Z","updated_at":"2025-04-02T03:30:45.927Z","avatar_url":"https://github.com/zimplexing.png","language":"Vue","readme":"[![DeepScan Grade](https://deepscan.io/api/projects/479/branches/739/badge/grade.svg)](https://deepscan.io/dashboard/#view=project\u0026pid=479\u0026bid=739)\n# vue-nReader\n\n使用`mint-ui`对整个项目进行了重构，整理了项目的目录结构与代码，较上个版本新增了`小说换源`、`搜索历史记录`、优化了`滚动下载`和`下拉刷新`\n\n整个项目一共14个页面（包括通用组件），主要使用了vue2.0+vue-router+vuex，主要实现了小说排行榜，小说分类，小说详情，小说阅读，搜索页面，小说阅读记录等页面。达到了可用来看小说的基本需求。\n\n项目中的API均来自追书神器，纯属共享学习之用，有任何疑问或建议可提[issue](https://github.com/zimplexing/vue-nReader/issues/new)，使用代理，本地可以完美运行。\n\n[API文档](https://github.com/zimplexing/vue-nReader/blob/master/doc/zhuishushenqi.md)\n\n[本地运行代理](https://gist.github.com/zimplexing/c7c1f15ea3f270de3962fc0ab466d82e)\n\n## 本地运行\n\n使用vue-cli工具构建，基本命令如下：\n``` bash\n# 安装依赖\nnpm install\n\n# 开发模式\nnpm run dev\n\n# 生产模式\nnpm run build\n\n```\n## 预览地址\n项目放在国外虚拟主机上，代理也运行在上面，所以加载速度可能会比较慢。其中有一些小说封面会加载不出来，这个是api的问题，并不是网络的原因。\n\n\n电脑端请开启开发者模式\n[在线预览地址](http://65.49.197.99:32768/)\n\n手机扫码：\n\u003cimg src=\"https://github.com/zimplexing/vue-nReader/blob/master/screenshot/nReader.png?raw=true\" width=\"100\"/\u003e\n\n## 实现功能\n\n- [x] 小说书架\n- [x] 分类查询\n- [x] 排行榜\n- [x] 搜索（搜索历史，自动补全）\n- [x] 小说详情\n- [x] **小说换源**\n- [x] 阅读历史记录（记录阅读章节）\n- [x] 阅读夜间模式\n- [x] 章节倒叙查看\n\n## TODO\n- [ ] 记录阅读历史位置\n\n- [ ] 增加发现页面\n\n- [ ] 社区评论功能\n\n- [ ] 组件切换动效\n\n- [ ] 阅读界面设置功能\n\n- [ ] 小说下载\n\n## 屏幕截图\n\n\u003cimg src=\"https://github.com/zimplexing/vue-nReader/blob/master/screenshot/bookshelf.png?raw=true\" width=\"280\"/\u003e \u003cimg src=\"https://github.com/zimplexing/vue-nReader/blob/master/screenshot/catory.png?raw=true\" width=\"280\"/\u003e \u003cimg src=\"https://github.com/zimplexing/vue-nReader/blob/master/screenshot/rank.png?raw=true\" width=\"280\"/\u003e \u003cimg src=\"https://github.com/zimplexing/vue-nReader/blob/master/screenshot/catDetail.png?raw=true\" width=\"280\"/\u003e \u003cimg src=\"https://github.com/zimplexing/vue-nReader/blob/master/screenshot/rankType.png?raw=true\" width=\"280\"/\u003e \u003cimg src=\"https://github.com/zimplexing/vue-nReader/blob/master/screenshot/search.png?raw=true\" width=\"280\"/\u003e \u003cimg src=\"https://github.com/zimplexing/vue-nReader/blob/master/screenshot/book.png?raw=true\" width=\"280\"/\u003e \u003cimg src=\"https://github.com/zimplexing/vue-nReader/blob/master/screenshot/readbook.png?raw=true\" width=\"280\"/\u003e \u003cimg src=\"https://github.com/zimplexing/vue-nReader/blob/master/screenshot/nightMode.png?raw=true\" width=\"280\"/\u003e \u003cimg src=\"https://github.com/zimplexing/vue-nReader/blob/master/screenshot/chapter.png?raw=true\" width=\"280\"/\u003e\n\n## 问题\n记录在项目中遇到的一些问题，和解决方法\n - [ ] 滚动条控制\n    - 在不是 `HTML5 history `模式下，还没找到解决的方法\n\n- [x] flex布局下横向滚动\n    - 设置属性`flex-shrink:0`，默认下该属性值为1，空间不够时，后等比例缩小，设置为0之后，不会缩小项目\n\n- [x] 标签选中后active样式的添加\n    - 使用`:class` 判断条件为点击当前标签的索引值\n\n- [x] 同时绑定按键修饰符（keyup事件但不包括按键enter）\n    - 监听`input`事件，绑定`keyup.enter`事件\n\n- [x] 返回路径问题\n    - 使用`$router.go()`进行模拟返回\n\n- [x] 图片加载错误处理\n    - 图片加载错误的onerror方法中的静态地址webpack打包不会将其转化为base64编码，所以现在的解决方法是贴一个在线的图片地址\n","funding_links":[],"categories":["Demo示例"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzimplexing%2Fvue-nReader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzimplexing%2Fvue-nReader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzimplexing%2Fvue-nReader/lists"}