一.页面列表
- 首页
- 漫画详情页
- 漫画页
- 漫画分类页
- 漫画排行榜页
- 搜索页
- 最新上架页
- 原创动漫页
二.页面效果展示
首页效果:
漫画详情页面效果:
漫画页面效果
最新上架页面效果:
漫画分类页面效果
漫画排行榜页面效果:
三.功能模块说明
首页
- 页面数据动态显示,需要访问对应的接口
- 搜索框
- 轮播图
- 文字导航区域
- 近期热门模块: 需要实现动态滑块效果(左右滑动效果)
- 定制分类模块:点击不同类型实现漫画的切换;点击查看更多实现页面切换;类别需要实现动态滑块效果(左右滑动效果)
- 排行榜模块:点击不同排行榜实现漫画的切换;点击更多实现页面切换;
- 话题模块
漫画详情页
- 页面数据动态显示,需要访问对应的接口
- 图文详情模块,显示这部漫画的详细信息(封面图片、漫画名、人气值、总评论、关注人数、标签、介绍)
- 漫画选集模块:需要实现动态滑块效果(左右滑动效果);点击更多实现页面内弹出半屏的弹窗效果进行漫画选集 ;实现漫画选集的排序效果;
- 推荐模块:需要实现动态滑块效果(左右滑动效果);
漫画页
- 页面数据动态显示,需要访问对应的接口
- 本章漫画图片的显示
- 推荐模块:需要实现动态滑块效果(左右滑动效果);
- 底部导航模块:固定在底部;功能(上一章、下一章、目录、详情)
- 回到顶部功能
漫画分类页
- 页面数据动态显示,需要访问对应的接口
- 分类信息的显示
- 根据选中的分类信息,显示漫画。触底再次加载漫画数据,直到加载所有符合分类信息的漫画信息。
- 回到顶部功能
漫画排行榜页
- 页面数据动态显示,需要访问对应的接口
- 排行榜信息的显示(排行榜中的第一个漫画的封面图片、帮行榜的名称、下次出榜的时间)
- 所有的排行榜的显示:当滑动到距离最上面为0时变成固定定位
- 回到顶部功能
漫画搜索页
- 页面数据动态显示,需要访问对应的接口
- 点击首页的搜索框自动跳转到搜索页,搜索页中的搜索框自动获取光标
- 搜索功能,根据用户输入的数据进行模糊匹配动态显示数据,触底加载更多。图一为输入过程中的搜索显示效果,图2为回车提交后的显示效果。
- 显示搜索的历史纪录模块,根据用户的搜索内容显示用户的搜索记录,数据需要存入至本地的storage中。点击删除小图标,可以实现删除效果。
- 热门搜索模块,点击刷新小图标可以实现刷新效果。
项目源码:https://download.csdn.net/download/weixin_41092938/85927090
数据接口使用快看漫画小程序
部分数据接口出现变化,可以下载后自己调整一下,整体变化不大。
欢迎大家阅读,本人见识有限,写的博客难免有错误或者疏忽的地方,还望各位指点,在此表示感激不尽。文章持续更新中…