手机扫码预览
源码说明：
已修复部分用户支付宝收款码不能上传bug
qq微信支付宝三合一在线生成
- 自定义收款码颜色
- 二维码简化
艺术创意二维码
添加自定义新样式
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"，其他子节点参考下表：
| 参数名 | 类型 | 说明 | 参考 |
|---|---|---|---|
| qrWidth | 整数 | 二维码宽度 | 300 |
| qrHeight | 整数 | 二维码高度，建议和二维码宽度相同 | 300 |
| foreground | 字符串 | 二维码前景色，支持十六进制、rgb、rgba | "#000", "rgb(0, 0, 0)", "rgba(0, 0, 0, 0.5)" |
| background | 字符串 | 二维码背景色，支持十六进制、rgb、rgba | "#fff", "rgb(255, 255, 255)", "rgba(255, 255, 255, 0.5)" |
| imgWidth | 整数 | 背景图宽度 | 900（其他尺寸未兼容） |
| imgHeight | 整数 | 背景图高度 | 1200（其他尺寸未兼容） |
| font | 字符串 | 字体和大小 | "70px '黑体'" |
| fontColor | 字符串 | 文字颜色（未填写收款名则不生成） | "#fff", "rgb(255, 255, 255)", "rgba(255, 255, 255, 0.5)" |
| recNameLeft | 空串或整数 | 文字距离左侧距离，建议为空串，此时文本将自适应居中显示 | "", 100 |
| recNameTop | 整数 | 文字距离顶部距离 | 170 |
| qrLeft | 整数 | 二维码距离左侧距离 | 270 |
| qrTop | 整数 | 二维码距离顶部距离 | 320 |
这样就成功添加了一个新的样式，新增的json内容内容大致为下图所示(图片中写错了，应该是new而不是new.png)：
3、小提示： 如果不想在背景中生成收款名，可以将fontColor属性设为transparent。
演示图：
本站坚持“不能用的源码发出去都是浪费大家时间“，付费源码都是亲测的
源码已测试,但不保证完美无bug
更好小站仅提供学习的平台，所有资料均来自于网络，版权归原创者所有！本站不提供任何保证，并不承担任何法律责任，如果对您的版权或者利益造成损害，请提供相应的资质证明，请练习客服予以删除。
更好小站 » QQ、微信、支付宝收款码三合一在线生成系统
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了？
- 找不到素材资源介绍文章里的示例图片？
- 站壳网
售后服务：
-
售后服务范围 1、商业模板使用范围内问题免费咨询 2、源码安装、模板安装（一般 ¥50-300）服务答疑仅限SVIP用户 3、单价超过200元的模板免费一次安装，需提供服务器信息。 付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服 2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务 3、服务器环境配置（一般 ¥50-300） 4、网站中毒处理（需额外付费，500元/次/质保三个月） 售后服务时间 周一至周日（法定节假日除外） 9:00-23:00 免责声明 本站所提供的模板（主题/插件）等资源仅供学习交流，若使用商业用途，请购买正版授权，否则产生的一切后果将由下载用户自行承担，有部分资源为网上收集或仿制而来，若模板侵犯了您的合法权益，请来信通知我们（Email: 80027422@qq.com），我们会及时删除，给您带来的不便，我们深表歉意！