支付宝支付页面

来源:互联网 发布:如何安装node sass 编辑:程序博客网 时间:2024/06/10 07:46

支付宝支付页面参考代码

<!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>


原创粉丝点击