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

码到城攻

已于 2023-01-05 19:25:23 修改

阅读量1.5k

点赞数

分类专栏：网页设计文章标签：前端 javascript html 码到城攻

于 2023-01-05 19:24:03 首次发布

原文链接：https://www.codecomeon.com/posts/226/

版权

网页设计专栏收录该内容

8 篇文章 0 订阅

订阅专栏

文章目录

源码说明

WEB收银台页面，付款码支付页面，为独立页面，非弹窗，如需弹窗收银，可参见:简单的扫码支付页面(源码)。
项目直接用 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', "#");
    }
}