目录
源码说明
- WEB支付页面，弹窗选择支付类型，点击支付类型，展示对应支付二维码，提供源码，以供参考。
- 项目直接用 HBuilder 开发，是一个独立项目，下载后，直接可浏览器查看效果(弹窗效果)。
- 其他支付类型选择项目：支付方式选择HTML源码
- 需要有点滴的 js css html 基础的伙伴参考。
- 模块化整理成 HBuilder 项目不易，故有偿分享。
独立项目结构
页面效果
部分源码
<div class="swal2-content">
<div class="pay-button-box">
<div class="pay-item" id="alipay"><i class="alipay"></i><span>支付宝</span></div>
<div class="pay-item" id="weixinpay"><i class="weixinpay"></i><span>微信支付</span></div>
</div>
<div class="qrcon" style="display: none;">
<h5> <img src="#" class="qr-pay"> </h5>
<div class="title">扫码支付 9.90 元</div>
<div align="center" class="qrcode">
<img src="#">
</div>
<div class="bottom alipay"> 请使用支付宝扫一扫<br>
</div>
</div>
</div>
当然，还可以自行扩展支付类型，只用给 pay-button-box 中追加子 div 即可。
找源码
https://www.codecomeon.com/posts/256/
原文地址:https://blog.csdn.net/Li_Ning_/article/details/129508881
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_17241.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
