vippopup.html 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  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, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no">
  6. <meta name="format-detection" content="telephone=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <title>VIP特权</title>
  9. <link rel="stylesheet" href="{:client_asset('/css/frontend/vip_power.css')}">
  10. <script type="text/javascript">
  11. (function (doc, win) {
  12. var docEl = doc.documentElement,
  13. resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
  14. recalc = function () {
  15. var clientWidth = docEl.clientWidth;
  16. if (!clientWidth) return;
  17. docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
  18. };
  19. recalc();
  20. if (!doc.addEventListener) return;
  21. win.addEventListener(resizeEvt, recalc, false);
  22. doc.addEventListener('DOMContentLoaded', recalc, false);
  23. })(document, window);
  24. </script>
  25. </head>
  26. <body>
  27. <div class="pop">
  28. <div class="box">
  29. <div class="top">
  30. <div class="top-left"></div>
  31. <div class="top-middle">VIP特权</div>
  32. <div class="top-right"></div>
  33. </div>
  34. <div class="box-bg">
  35. <img src="{:client_asset('/img/frontend/images/pop_bg_two.png')}" alt="">
  36. </div>
  37. <div class="text">
  38. VIP在开通后,可享受所有品类图书全部免费阅读的特权,出版、女生、男生等内容均包含在内。
  39. </div>
  40. <div class="btn btn-pay">立即开通</div>
  41. <div class="tip popup-close">以后再说</div>
  42. <input type="hidden" id="goods_id" name="goods_id" value="{$goods_id}">
  43. <input type="hidden" id="choose_pay_method" name="choose_url" value="{:buildAppUrl('dialog', ['url' => '/clientweb/index/paymethodselect?goods_id='.$goods_id])}">
  44. <div class="close popup-close"></div>
  45. </div>
  46. </div>
  47. <script type="text/javascript" src="{:client_asset('/libs/zepto/zepto.min.js')}"></script>
  48. <script type="text/javascript" src="{:client_asset('/libs/Zepto-Cookie/zepto.cookie.min.js')}"></script>
  49. <script type="text/javascript" src="{:client_asset('/js/frontend/common.js')}"></script>
  50. <script type="text/javascript" src="{:client_asset('/js/frontend/app_log.js')}"></script>
  51. <script>
  52. var isLogin ="{$is_login ? '1' : '0'}";
  53. $(function () {
  54. $(document).on("click", '.btn-pay', function () {
  55. if (isLogin == '0') {
  56. if (window.cps !== undefined) {
  57. window.cps.checkToLogin('{}', "dialogPayMethod");
  58. }
  59. } else {
  60. dialogPayMethod();
  61. }
  62. });
  63. $(document).on("click", '.popup-close', function () {
  64. if (window.cps !== undefined) {
  65. //关闭
  66. window.cps.dismissDialogWebView();
  67. }
  68. });
  69. });
  70. //拉起支付
  71. function dialogPayMethod() {
  72. var url = decodeURIComponent($("#choose_pay_method").val());
  73. if (window.cps !== undefined) {
  74. //关闭
  75. window.cps.dismissDialogWebView();
  76. var urlJsonStr = JSON.stringify({"uri":url});
  77. window.cps.toAppPage(urlJsonStr);
  78. }
  79. }
  80. </script>
  81. </body>
  82. </html>