uniapp 自定义扫码

1,185 阅读1分钟

起因

产品&UI需求,uniapp原生的uni.scanCode不符合需求,所以需要一个自定义扫码组件、页面。

环境

uniapp开发的app,也就是需要支持vue & nvue文件。

调研

  • 使用camera组件实现,可惜不支持app image.png
  • 使用API调用摄像头,不支持自定义样式
  • 使用原生barcode组件

实现

使用HTML5+的barcodeAPI

  1. 可通过组件形式进行引入
  2. 可通过页面形式进行跳转

代码

已将组件、页面、demo上传至dcloud的插件市场

关键词

scanCodebarcode自定义扫码自定义scanCodeuniapp扫码