- 小程序分享海报
- 身份证拍摄取景框
- 时间线
- 获取当前详细地址
- 城市选择
- 日期选择
- 页面自定义导航左边按钮
- 订单操作
小程序分享海报
使用场景:用户分享生成海报,海报中包含用户信息的小程序码,这里的小程序码是根据用户动态生成。
实现过程:首先将海报上固定的信息可以完全设计到图片上,只需要将动态变化的信息由前端去生成,如果生成的元素过多,会使整个生成海报的时间变长,
我们模拟海报上动态变化的信息只有用户昵称和小程序码,这样我们只需一张海报底图、昵称和小程序码。
通过canvas
画布将这三个素材组合到一起,这里注意的一点是涉及到图片的需要利用wx.downloadFile
先将图片缓存到本地
身份证拍摄取景框
使用场景:图片识别,证件识别等
主要是利用camera
组件,添加蒙层实现取景框效果 (这里就不放效果图了)。
时间线
时间线主要是css样式,这里不做介绍。
获取定位详细地址
我们通过微信的接口获取到的定位信息只有经纬度,给人的感觉不是很直观,这里就需要将经纬度转换为中文地址,因此需要利用第三方接口,我这里使用的是腾讯的地理位置信息服务,首先获取到经纬度,通过经纬度换取具体的中文信息。