支付宝支付页面参考代码
<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>支付宝支付页面</title> <script src="../js/plugins/jquery.min.js"></script> <script src="../js/plugins/jquery-qrcode.min.js"></script> <style> * { padding: 0; margin: 0; } body { font-family: "宋体", Arial; font-size: 12px; text-align: left; background: #ececec; color: #878787; padding: 0px; margin: 0px; } .clear { clear: both; font-size: 1px; height: 0; visibility: hidden; line-height: 0; } .top_box { background: #3366ff; height: 103px; } .in_box { width: 800px; height: 500px; margin: 0 auto; background: #fff; margin-top: -50px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; } .con_1 { background: #dcefff; height: 50px; -webkit-border-radius: 5px; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px; } .con_list { padding: 30px 20px 40px 20px; } .con_list ul li { float: left; width: 350px; padding-left: 10px; padding-right: 10px; border-bottom: dotted 1px #cecece; height: 58px; line-height: 58px; font-size: 16px; color: #3f3f3f; overflow: hidden; } .spanyellpw { color: #ff6600; } .spansize-24 { font-size: 24px; font-weight: bold; } </style> </head> <body> <div class="top_box"></div> <div class="in_box"> <div class="con_1"></div> <div class="con_list"> <ul> <li>订单号:FC15076113483271</li> <li>支付方式: <span class="spanyellpw">支付宝支付</span></li> <li>订单时间: 2017-10-10 12:55:49</li> <li>金额: <span class="spanyellpw spansize-24">58.0 元</span></li> </ul> <div class="clear"></div> </div> <div align="center" id="qrcode"> <p id="hint">请使用支付宝“扫一扫”扫描二维码完成支付</p> <div> <div id="qrcode"></div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { $('#qrcode').qrcode({width: 120,height: 120, text: "https://qr.alipay.com/bax07827ffznwvktc0gn"}); }); </script> </body> </html>