三合一收款码源码

三合一收款码源码,IMG_20210717_015525.jpg,源码,分享,教程,百度,建站,html,第1张

更新说明:

1.新增五款艺术收款码模板

2.更换收款二维码渲染方式为本地

3.删除四种收款样式,新增六种收款样式

4.合并两个二维码解码库,提高解码成功率

使用说明

1.下载源码,上传到自己的服务器或虚拟主机。

2.打开index.html,选择引用图片的方式,默认为引用淘宝图片,速度快。如果不想使用淘宝图片,可以使用引用本地图片方式,文件中已注明。

3.在/js/index.js中更换自己的支付宝红包码和红包口令,如不需要生成界面的红包广告则删除相关代码,文件中已标明。

添加自定义新样式:

1.添加样式背景图

①使用外部图片链接方式,如淘宝链接:上传图片到各大图床,如淘宝图床,然后获取图片链接,然后在index.html页面中 "swiper-wrapper" 类下添加代码:

<div class="swiper-slide" style="background-image:url(这是外部图片链接)" mould-name="new"></div>其中mould-name="new">中的new为自定义样式名。

②使用本地图片方式:将背景图添加到./imgs/bgimgs/ 文件夹下,文件名以 "new.png" 为例,然后在index.html页面中 "swiper-wrapper"类下添加样式:

<div class="swiper-slide" style="background-image:url(imgs/bgimgs/new.png)"></div>

其中的new也为样式名。

2.打开根目录下 config.json 文件,添加json数据,根节点名必须为样式名,如 "new",其他子节点参考下表:

三合一收款码源码,IMG_20210717_020127.png,源码,分享,教程,百度,建站,html,第2张

这样就成功添加了一个新的样式,新增的json内容内容大致为下所示:

{     "dongxue": {         "qrWidth": "364",         "qrHeight": "364",         "foreground": "#E3D6C6",         "background": "#FFFFFF",         "imgWidth": 900,         "imgHeight": 1200,         "font": "70px '黑体'",         "fontColor": "#FFFFFF",         "recNameLeft": "",         "recNameTop": 178,         "qrLeft": 270,         "qrTop": 340     },

3.提示:如果不想在背景中生成收款名,可以将fontColor属性设为transparent。如需修改样式滑动效果,可以参考Swiper中文网文档。

附件
三合一收款码源码-1.zip
11.46MB
.zip
网络
****(需购买后查看)
****(需购买后查看)
http://skm.ixiaojun.com
前往下载
附件
售价:1 米币
青铜VIP 免费下载
开通会员
开通青铜VIP或更高级的会员可免费下载该文件

您好,您需要登录购买后才能显示内容

免登录购买

相关文章

评论:

1 条评论
您需要 登录账户 后才能发表评论

发表评论 取消回复

电子邮件地址不会被公开。 必填项已用*标注