周刊、图书推荐小程序,由wxml,wxss,js 原生开发(微信小程序图书)

网友投稿 834 2022-10-11

周刊、图书推荐小程序,由wxml,wxss,js 原生开发(微信小程序图书)

周刊、图书推荐小程序,由wxml,wxss,js 原生开发(微信小程序图书)

休憩

项目介绍

休憩是一个小程序项目,由wxml,wxss,js 原生开发,主要包括音乐期刊、电影期刊、美文期刊、图书推荐、图书搜索、图书详情展示、个人信息等模块。本项目基于组件化开发模式,封装了 12 个组件,使得代码复用性高,开发高效,便于维护。

项目预览

首页(期刊)

书籍页面

书籍推荐

书籍搜索

书籍搜索结果

书籍详情

书籍评论

个人信息页面

收藏期刊页面

项目结构

.|-- README.md|-- app.js # 入口文件|-- app.json # 配置文件|-- app.wxss # 全局样式文件|-- components # 自定义组件 | |-- behaviors| | `-- pagination-beh.js| |-- book| | | ...| |-- classic| | |-- classic-beh.js| | |-- classicCommon.wxss # 组件公共样式| | |-- essay| | | ...| | |-- movie| | | ...| | |-- music| | | ...| |-- episode| | | ...| |-- favItem| | | ...| |-- imageButton| | | ...| |-- images # 组件图片文件| |-- like| | | ...| |-- loading| | | ...| |-- mask| | | ...| |-- navi| | | ...| |-- search| | | ...| `-- tag| | ...|-- components.js|-- config.js # url 接口配置文件|-- images # 页面图片文件|-- modules # service 层,HTTP 请求封装| |-- book.js| |-- classic.js| |-- keyword.js| `-- like.js|-- pages # 页面| |-- about| | | ...| |-- book| | | ...| |-- bookDetail| | | ...| |-- classic| | | ...| |-- common| | `-- classic_common.wxss| |-- favClassic| | | ...| `-- userInfo| | ...|-- project.config.json|-- sitemap.json`-- utils # 公用逻辑 |-- fetch.js |-- format.wxs `-- util.js

项目实现功能

项目封装组件

期刊组件

essay --文章期刊movie --电影期刊music --音乐期刊episode -- 展示当前日期、期刊推送顺序navi -- 实现期刊间跳转

公共组件

favItem -- 展示用户收藏期刊imageButton -- 授权按钮(用于授权分享、获取用户头像)like -- 点赞按钮loading -- 加载图像mask -- 页面蒙层search -- 复杂组件,书籍搜索tag -- 短评组件(可用于展示短评或期刊类别)

TODO

完善关于页面

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:儒略日和常规日期的转换(Python版)
下一篇:Shell脚本中字符串的一些常用操作
相关文章

 发表评论

暂时没有评论,来抢沙发吧~