支付方式选择HTML源码(弹窗款)

本文介绍: WEB页面，支付类型可以有很多，让用户选择其喜欢的支付方式，就需要提供选择入口，这里就提供源码(弹窗款)

文章 目录

源码 说明

WEB支付页面，弹窗选择支付类型，点击支付类型，展示对应支付二维码，提供源码，以供参考。
项目直接用 HBuilde r 开发，是一个独立项目，下载后，直接可浏览器查看效果(弹窗效果)。
其他支付类型选择项目：支付方式选择HTML源码
需要有点滴的 js css html 基础的伙伴参考。
模块化整理成 HBuilde r 项目不易，故有偿分享。

独立项目 结构

页面 效果

部分源码

&lt;div class="swal2-content"&gt;
	<div class="pay-button-box"&gt;
		<div class="pay-item" id="alipay"&gt;<i class="alipay"&gt;</i&gt;<span&gt;支付宝</span&gt;</div&gt;
		<div class="pay-item" id="weixinpay"&gt;<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>