Web收银页面二维码收款页面源码

Posted 2023-02-14 码到城攻

目录

文章目录

• • • 目录
    • 源码说明
    • 项目详情
    • 独立项目结构
    • 前端效果展示
    • 部分源码展示

源码说明

1. WEB收银台页面，付款码支付页面，为独立页面，非弹窗，如需弹窗收银，可参见:简单的扫码支付页面(源码)。
2. 项目直接用 HBuilder 开发，是一个独立项目，下载后，直接可浏览器查看效果。

项目详情

Web收银页面、二维码收款页面源码

独立项目结构

前端效果展示

部分源码展示

function MakePayQRCodeByUrl(url) 

    $('.scan-wrap').css('display', 'none');

    $('.qr-code-wrap img').css('display', 'block');
    try 
        QRCode.toDataURL(url, 
            width: 136,
            height: 136,
            margin: 1,
        ).then(
            function (url) 
                $('.scan-wrap').css('display', 'block');
                $('.qr-code-wrap img').attr('src', url);
            ).catch(function (err) 
            console.error(err)
        )
     catch (err) 
        console.error(err);
        $('.scan-wrap').css('display', 'block');
        $('.qr-code-wrap img').attr('src', "#");