项目名称
八猪小说
项目介绍
这是一款完全免费的小说阅读app,采用vue3框架构建开发,简洁界面但同时又不简单,支持夜间模式切换,随时随地尽看小说,分类清晰,搜索方便,使你更好找到自己喜欢的小说,给你带来愉快阅读体验
功能描述
- 通过axios请求api接口获取api的数据,把获取到的数据内容渲染到页面上
- 搜索功能,通过输入框内容可以获取对应搜索的数据,也可以点击热门搜索获取相对应的数据,点击历史记录也可以获取数据
- 用户登录功能,在未进行用户登录之前,点击书架、个人中心自动会跳转用户登录页面,进行电话号码登录同时会有手机号码格式验证,没有输入正确,提示无法登录,验证码输入不正确,也会
提示无法登录
- 阅读功能,在阅读小说内容,可以调整字体大小,可以上下章切换,可以通过目录,点击相对应章节会跳转相对应的章节内容,可以夜间和白天模式两者之间切换
- 加入书架功能,在某本小说详情页中,可以点击加入书架,它会在我的书架里显示该小说,也可以在我的书架管理,可以实现把该小说移除书架
- 评论功能,可以根据自己对这小说的感受,发表自己的看法
- 阅读记录功能,会记录你所阅读的小说,在最近阅读也页面中,可以清空所有小说阅读记录
- 退出登录功能,当退出用户登录时,当再次点击个人中心会跳转登录页面,当登录之后,阅读记录还存在
项目部分图片展示
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E9%A6%96%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E5%A5%B3%E7%94%9F%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E5%88%86%E7%B1%BB%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E6%8E%92%E8%A1%8C%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E5%88%86%E7%B1%BB%E9%A1%B5%E5%86%85%E5%AE%B9.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E4%B8%93%E9%A2%98%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E4%B8%93%E9%A2%98%E5%86%85%E5%AE%B9%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E7%99%BB%E5%BD%95%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E4%B8%AA%E4%BA%BA%E4%B8%AD%E5%BF%83%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E8%AF%A6%E6%83%85%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E7%9B%AE%E5%BD%95%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E5%86%85%E5%AE%B9%E9%98%85%E8%AF%BB1.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E5%86%85%E5%AE%B9%E9%98%85%E8%AF%BB2.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E8%AF%84%E8%AE%BA%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E4%B9%A6%E6%9E%B6%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E9%98%85%E8%AF%BB%E8%AE%B0%E5%BD%95%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E6%90%9C%E7%B4%A2%E9%A1%B5.png)
![输入图片说明](/zwp9l7/eight-pigs-novel/raw/master/%E6%90%9C%E7%B4%A2%E5%88%97%E8%A1%A8%E9%A1%B5.png)