1.名片模块 (使用技术 组件+插槽)
- 将公共内容 封装成组件(分为:业务组件和基础组件)
- 在组件内部 使用插槽 将不同内容分别引入
- 功能模块:名片展示、近期活动、资讯中心、个人介绍、公司介绍等
- 名片码: css3 实现旋转动画效果
- 发票信息 canvas绘制生成图片
- 编辑名片 image-cropper实现图片裁切 语音录入 视频拖拽移动 视频上下移动效果
- 名片夹列表 留存访问记录
2.收款模块
- 功能模块:扫码收款、收款码收款、收款记录(添加备注 图片)、使用优惠券收款
- 收款统计(日、周、月、自定义查询)
- 计算 日 周 月的时间排列
3.海报生成
- 使用base64 实现二进制流图片的显示 'data:image/png;base64'+url
- 将图片转为二进制流 wx.getFileSystemManager().readFileSync(obj.url, "base64")
- 快速进入某公司
4.SCRM管理模块
- 线索录入、跟进
- 线索转客户 线索浏览统计
- 互动记录统计、筛选
5.核销模块
- 核销方式:扫核销二维码、手机号、核销码
- 核销记录、给记录添加备注
6.分销模块
- 分销方式:人人分销、渠道分销
- 渠道分销:邀请好友 收益明细 分销内容列表 分销统计
- 人人分销:邀请好友 收益明细
- 上下级 分销/社交图谱
7.表单确客
- 表单统计(有效、已跟进、已过期、已交易、未交易)
8.活动模块
- 活动方式:报名、预约、领券、领卡包、表单确客
- 订单中心 (二次支付)
- 会员中心
- 优惠券使用记录
9.技术点 遇到的坑
- wx.makePhoneCall (phoneNumber 必须是字符串)
- 多视频播放问题 (一次只能播放一个)
- 自定义分享标题和内容 (使用promise)
- 发票信息 canvas绘制(文字换行显示)
- 地址导航 (腾讯地图逆地址解析技术)
- 图片未按照原图比例展示 (根据原图计算比例)
- Echarts图表标签切换不渲染(使用动态添加样式,隐藏解决)
- 自定义导航不兼容 (解决如下)
// 1. 获取状态栏高度
let sysInfo = wx.getSystemInfoSync();
// 2. 获取胶囊的具体信息
let menuInfo = wx.getMenuButtonBoundingClientRect();
// 3. 状态栏高度和胶囊的位置导航栏高度根据计算
let navigationBarHeight = (menuInfo.top - sysInfo.statusBarHeight) * 2 + menuInfo.height;
this.setData({
navigationBarHeight: navigationBarHeight, //导航栏高度
statusBarHeight: sysInfo.statusBarHeight //状态栏高度
})
-
富文本内容解析不正确的问题 (mp-html)
-
Echarts引入报错的问题
-
组件生命周期和页面生命周期的混乱使用问题