# funReader

**Repository Path**: yeomanli/funReader

## Basic Information

- **Project Name**: funReader
- **Description**: 小说 Web app
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-02-02
- **Last Updated**: 2025-04-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
	<a href="https://imgchr.com/i/em0IRs"><img src="https://s2.ax1x.com/2019/07/26/em0IRs.th.png" alt="em0IRs.png" border="0" /></a>
</p>
<h1 align="center">Welcome to funReader 👋</h1>
<p align="center">
  <img alt="Version" src="https://img.shields.io/badge/version-1.0.0-green.svg?cacheSeconds=2592000" />
  <a href="https://github.com/YeomanLi/funReader/blob/master/LICENSE">
    <img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-green.svg" target="_blank" />
  </a>
  <a href="https://deepscan.io/dashboard#view=project&tid=4831&pid=6593&bid=55623"><img src="https://deepscan.io/api/teams/4831/projects/6593/branches/55623/badge/grade.svg" alt="DeepScan grade"></a>
</p>

在线小说 web app，部分 UI 使用的是 [vant-ui](https://youzan.github.io/vant/#/zh-CN/intro) ，数据来源于[第三方 API](https://xiadd.github.io/zhuishushenqi/#/?id=%e8%bf%bd%e4%b9%a6%e7%a5%9e%e5%99%a8%e6%8e%a5%e5%8f%a3) 。

主要技术栈：[Vue](https://cn.vuejs.org/index.html) 、[Vue Router](https://router.vuejs.org/zh/) 、[Vuex](https://vuex.vuejs.org/zh/guide/) 、[Webpack](https://webpack.js.org/) 、[axios](https://github.com/axios/axios) 、[sass](https://sass-lang.com/) 。

## TODO

- [x] 搜索词自动提示补全
- [x] 搜索
- [x] 书架（可保存）
- [x] 设置（换肤、字体大小、日夜间模式）
- [x] Loading 动效
- [x] 书架滑动事件
- [x] 轮播
- [x] 章节倒序
- [x] 分类
- [x] 排行榜
- [ ] 书籍评论
- [ ] 书单
- [ ] 推荐、热门
- [ ] 搜索历史
- [ ] 小说离线
- [ ] 换源
- [ ] 骨架屏

## install

```sh
npm install
```

## How to build

```sh
npm run build
```

## How to use

```sh
npm run dev
```

## Feature

### Loading、屏幕滑动删除事件

![live-1](./screenshots/live-1.gif)

### 换肤、目录、日夜模式、字体大小切换

![live-2](./screenshots/live-2.gif)

### 搜索自动补全

![live-3](./screenshots/live-3.gif)

## Preview

<img src="./screenshots/preview-1.png" width="320" /> <img src="./screenshots/preview-2.png" width="320" />

<img src="./screenshots/preview-3.png" width="320" /> <img src="./screenshots/preview-4.png" width="320" />

<img src="./screenshots/preview-5.png" width="320" /> <img src="./screenshots/preview-6.png" width="320" />

## Author

👤 **Yeoman Li**

* Github: [@YeomanLi](https://github.com/YeomanLi)

## Acknowledgement

[参考一](https://github.com/XNAL/ReadMore)

[参考二](https://github.com/lanpangzhi/novel-vue)

[API](https://xiadd.github.io/zhuishushenqi/#/)

[JavaScript 专题之跟着 underscore 学防抖](https://github.com/mqyqingfeng/Blog/issues/22)

[Nginx配置proxy_pass转发的/路径问题](https://blog.51cto.com/wangwei007/1103734)

[使用 Nginx 部署 Vue 项目](http://www.lizonglin.cn/2018/11/06/%E4%BD%BF%E7%94%A8Nginx%E9%83%A8%E7%BD%B2%E5%89%8D%E7%AB%AF%E9%A1%B9%E7%9B%AE/)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!<br />Feel free to check [issues page](https://github.com/YeomanLi/funReader/issues).

## Show your support

Give a ⭐️ if this project helped you!

***
_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_