dev-zhiou/jh-weapp-demo

a weapp project- 实现一些常用效果、封装通用组件和工具类

jh-weapp-demo

A new weapp project - 实现一些常用效果、封装通用组件和工具类

代码不定期更新

注：真实开发项目注意按需引用。例如：组件、工具类、app.json的引用，可通过代码依赖分析做优化。

小程序码

实现的一些效果

• ListView相关
• GridView相关
• eCharts分包导入，异步加载，多图表延时加载，**地图效果
• wx.request 网络请求封装和 api 配置
• 用户管理云函数请求Promise封装
• AES、RSA加解密，SHA256、MD5加密，base64编码解码
• 全局常量、变量
• 公共样式
• 网络监听，设备类型和刘海屏判断
• 时间格式转换、正则校验
• 自定义导航条，支持设置左侧文字图片，网络本地背景图，渐变背景色，左侧和标题slot，返回home主页，导航条加搜索框
• 时间日期选择器、月日周时分选择器、字符串选择器、输入弹框
• 上下拉刷新、分组吸顶ListView
• 答题功能
• excel导入导出
• 表格、表单录入
• 树结构数据展示
• 热门搜索和历史搜索框
• 侧滑筛选
• 轮播图
• 自定义加载框
• custom-tabbar（动态设置、不闪屏）
• 波浪背景动画
• 封装一些组件(在jh-components文件夹)和工具类(在utils文件夹)
• 腾讯地图使用，定位、地图选点、标注点连线计算距离

三方组件库

• WeUI

建议通过扩展库引入，不占用小程序包体积

• Vant

# 通过 npm 安装
npm i @vant/weapp -S --production

• ColorUI

需下载源码手动导入

• Wux

# 通过 npm 安装
npm i wux-weapp -S --production

预览

部分页面效果如下：