项目经验总结(小程序)

439 阅读2分钟

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引入报错的问题

  • 组件生命周期和页面生命周期的混乱使用问题