uniapp扫码功能兼容h5

            checksaosao(){  
                //兼容h5的扫码页面
                /*#ifdef H5*/
                uni.$u.route(`/pages/my/saoma`)
                return;
                /*#endif*/
                uni.scanCode({
                    success: function (res) {
                        console.log('条码类型：' + res.scanType);
                        console.log('条码内容：' + res.result);
                        let {
                            type,
                            uid,
                        } = JSON.parse(res.result);
                        console.log(type,uid);
                        if(type){
                               //扫码成功跳转输入金额页面
                            uni.$u.route(`/pages/my/amountEntered`, {
                                uid: uid,
                                type:type,
                            })
                        }else{
                            uni.$u.toast('未识别到二维码，请重新尝试！')
                        }
                    }
                })
            },

saoma.vue 页面 （这个页面用兼容h5扫码的）

还有个二维码页面 receiptPayment.vue

h5 兼容扫码用htm-qrcode的

通过扫码获取到 uid:, type2个字段在传给后端，注意扫码哪个二维码加个白色边距，不然可能会扫码不了

，这个我是h5游览器展示的，实际手机的h5可以扫码的，app端用uniapp的那个官方api的那个