uniapp app 自定义扫码界面

场景：使用移动端扫描二维码实现装箱操作，对于简单的扫码操作 uni.scanCode(OBJECT) 不能满足我了，因为多了2个小需求：

1. 需要做底部按钮切换，实现更换“临时箱”/“标准箱” 

2. 实现对于已扫描过的二维码进行错误提示，并继续做扫码操作

需求原型：

 

实现结果： 

       

 实现方法：

1、先建个文件

代码内容：

2、在pages.json文件中，配置页面路由文件，去掉这个页面的原生导航栏

3、可以直接启动这个页面，就能看到这个界面样式了

参考地址：uni-app 中应用H5+自定义二维码扫码界面_uniapp二维码页面_johnny_YYQ的博客-CSDN博客