index.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  6. <title>义方小学堂</title>
  7. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">
  8. </head>
  9. <body>
  10. <div class="container clearfix">
  11. <div class="input_box">
  12. <div class="alert">
  13. <span>特别提示:请输入义方小学堂登录手机号</span>
  14. </div>
  15. <div class="mobile_input">
  16. <input type="number" name="mobile" id="mobile_number" placeholder="输入手机号" />
  17. </div>
  18. <div class="sign_input">
  19. <input type="number" name="sign" id="sign_number" placeholder="输入手机验证码" />
  20. </div>
  21. <div id="sign_btn">发送验证码</div>
  22. </div>
  23. <div class="info_box">
  24. <div class="head" id="head">义方教育</div>
  25. <div class="title_row">
  26. <span class="title productName">义方小学堂年包</span>
  27. <span id="op" class="price">¥300.00</span>
  28. </div>
  29. <div class="discount_row">
  30. <span class="title">优惠</span>
  31. <span id="minus" class="price">-¥150.00</span>
  32. </div>
  33. </div>
  34. <div class="info_bottom">
  35. <span id="price">实付金额: ¥150</span>
  36. </div>
  37. <div id="buy_btn">
  38. <span>立即支付</span>
  39. </div>
  40. </div>
  41. <div class="buy-dialog">
  42. <div class="box">
  43. <!-- <img src="img/buy.png"> -->
  44. <img class='pay_icon success' src='./img//success.png' />
  45. <img class='pay_icon bad' src='./img//bad.png' />
  46. <div class="pay_type">支付成功</div>
  47. <div class="pay_type_s">您已完成支付</div>
  48. </div>
  49. <div class="close">
  50. <img src='./img//close.png' />
  51. </div>
  52. </div>
  53. <!-- <form name="punchout_form" method="post"
  54. action="https://openapi.alipay.com/gateway.do?charset=UTF-8&method=alipay.trade.wap.pay&sign=C3SV2iGAunYXJ2tXeUUjOqAyWqREvLP6BWzDza6dgNMQPpdVhDCcu4Qaf3DmEpdDaHxae1PN9Rhh6CXVq94fblupOoM51AN5uq%2BcqO8ZXqdMEYEr2pFZEsOFuzIYqdkgH0PWpGOFXBXefnhvIlLsqpmjO9oTdsW1FYU9QdJQr4z9zu%2BLrH0ARSQCzDXTCzy4FB6TaDGHX3g3eSrjd00JCRjcyKsiQLWNGKsd%2B44S0oC250TLp0S9y7pIbzpCvKMtRZJ4%2FG4enBwQJWF3oo3Mu3AWp%2BISFjt6TUHO6I4I2OPM3BHTdgJxfPUZ7AGq1fFk%2BExsNoN0apelxW3cO0lsjA%3D%3D&notify_url=http%3A%2F%2Fasxx.efunbox.cn%2FaliPay%2Fnotify&version=1.0&app_id=2015112700882753&sign_type=RSA2&timestamp=2020-11-05+15%3A51%3A37&alipay_sdk=alipay-sdk-java-3.3.1&format=json">
  55. <input type="hidden" name="biz_content"
  56. value="{&quot;body&quot;:&quot;义方小学堂-年包&quot;,&quot;out_trade_no&quot;:&quot;e899136964c24972a37571761ebba261&quot;,&quot;product_code&quot;:&quot;QUICK_WAP_WAY&quot;,&quot;subject&quot;:&quot;义方小学堂-年包&quot;,&quot;total_amount&quot;:&quot;150&quot;}">
  57. <input type="submit" value="立即支付" style="display:none">
  58. </form>
  59. <script>
  60. document.forms[0].submit();
  61. </script> -->
  62. </body>
  63. </html>