activity_first_pay.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. {extend name="layout/layout" /}
  2. {block name="title"}{$res.aname}{/block}
  3. {block name="css"}
  4. <!-- 这里引入css -->
  5. <link href="{:asset('/css/frontend/common.css')}" rel="stylesheet" type="text/css">
  6. <link href="{:asset('/css/frontend/classify.css')}" rel="stylesheet" type="text/css">
  7. <style>
  8. body,html {padding:0; margin:0; background:{$res.bgcolor};}
  9. .page_main img {padding:0; margin:0;width:100%;display: block;}
  10. .vry_sry{
  11. display:none;
  12. position: fixed;
  13. left: 0;
  14. top: 0;
  15. right: 0;
  16. bottom: 0;
  17. z-index: 1000;
  18. overflow: hidden;
  19. background-color: rgba(0,0,0,.7);
  20. font-size: 0;
  21. text-align: center;
  22. white-space: nowrap;
  23. box-sizing: border-box;
  24. }
  25. .vry_sry a,
  26. .vry_sry span{
  27. display: inline-block;
  28. *display: inline;
  29. *zoom:1;
  30. vertical-align: middle;
  31. }
  32. .vry_sry span{
  33. overflow: hidden;
  34. margin-left: -1px;
  35. height: 100%;
  36. width: 1px;
  37. }
  38. .vry_sry a{
  39. height: 3.13rem;
  40. width: 3.1rem;
  41. background: url(/assets/img/frontend/activity/btn3.png) no-repeat 0 0;
  42. background-size: 3.1rem 3.13rem;
  43. }
  44. </style>
  45. <style>
  46. .dialoge_bg { position: fixed; left:0; top:0; right:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index: 1; display: none}
  47. .dialoge_main_div {position: fixed; top:50%; left:50%; margin:-1.655rem 0 0 -1.5125rem; width:3.025rem; height:3.31rem; z-index: 2;}
  48. .dialoge_main_div .h3 {position:absolute; top:0; left:0; width:100%; height:0.46rem; background:url({:asset('/img/frontend/recharge/pop-tit-bk.png')}) no-repeat center; background-size:2.725rem;
  49. padding-top:.16rem;
  50. font-size:0.175rem;
  51. font-family:PingFang-SC-Bold,PingFang-SC;
  52. font-weight:bold;
  53. color:rgba(81,61,61,1);
  54. text-align: center;
  55. z-index: 3;
  56. }
  57. .dialoge_main { position: relative; margin-top:.395rem;padding-top:.28rem; width:3.025rem; height:2.17rem; background:#fff; border-radius:0.115rem; text-align: center;}
  58. .suc_ico { margin:0 auto; width:.96rem;}
  59. .suc_p1 {font-size:.125rem;font-family:PingFangSC-Regular,PingFang SC;color:rgba(184,190,204,1);line-height:.18rem;text-align: center;}
  60. .dialoge_main .suc_btn_look {
  61. position:absolute; left:50%; bottom:.19rem; margin-left:-1.2375rem;
  62. display:block; width:2.475rem;height:.365rem;line-height:.365rem;background:rgba(255,180,115,1);border-radius:.18rem;color:#fff;}
  63. .suc_close { position: absolute; right:0; top:-0.4rem; margin-left:-0.13rem; width:.26rem;}
  64. .suc_close img {width:.26rem;}
  65. </style>
  66. {/block}
  67. {block name="zepto"}
  68. <!-- 这是zepto插件 -->
  69. {/block}
  70. {block name="menu"}{/block}
  71. {block name="main"}
  72. <div class="page_main">
  73. <div class="a_banner">
  74. <img src="{$res.bgimage}">
  75. </div>
  76. <div class="re_but_box">
  77. <a href="javascript:;" data-goods-id="{$res.id}" data-goods-aid="{$res.activity_id}" data-money="{$res.money|floatval}" data-goods-category="{$res.classify}"><img src="{$res.bannerimage}" /></a>
  78. </div>
  79. <div class="a_footer">
  80. <img src="{$res.payimage}">
  81. </div>
  82. <div class="vry_sry" {notempty name="$isRange"}style="display:block;"{/notempty}>
  83. <a href="{$payUrl}"></a>
  84. <span></span>
  85. </div>
  86. <input type="hidden" id="tourl" value="{$toUrl}" />
  87. </div>
  88. <div class="dialoge_bg">
  89. <div class="dialoge_main_div">
  90. <h3 class="h3" style="background:url({:asset('/img/frontend/recharge/pop-tit-bk.png')}) no-repeat center;background-size:2.725rem;">已充值成功</h3>
  91. <div class="dialoge_main">
  92. <img class="suc_ico" src="{:asset('/img/frontend/recharge/pic-delayed.png')}">
  93. <p class="suc_p1">书币到账可能存在短暂延迟,<br>请稍后刷新继续阅读!</p>
  94. <a class="suc_btn_look" style="background:#FFB473;" href="javascript:;">去看书</a>
  95. </div>
  96. <a class="suc_close" href="javascript:;"><img src="{:asset('/img/frontend/recharge/close.png')}"></a>
  97. </div>
  98. </div>
  99. <input type="hidden" value="{:$recent_url}" class="js_recent_url">
  100. {/block}
  101. {block name="js"}
  102. <script type="text/javascript" src="{:asset('/js/frontend/activity/pay.js')}"></script>
  103. {/block}