小刊页.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>小刊页</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  7. <meta name="apple-mobile-web-app-capable" content="yes"/>
  8. <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
  9. <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
  10. <link href="data/styles.css" type="text/css" rel="stylesheet"/>
  11. <link href="files/小刊页/styles.css" type="text/css" rel="stylesheet"/>
  12. <script src="resources/scripts/jquery-1.7.1.min.js"></script>
  13. <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
  14. <script src="resources/scripts/prototypePre.js"></script>
  15. <script src="data/document.js"></script>
  16. <script src="resources/scripts/prototypePost.js"></script>
  17. <script src="files/小刊页/data.js"></script>
  18. <script type="text/javascript">
  19. $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
  20. $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
  21. $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
  22. </script>
  23. </head>
  24. <body>
  25. <div id="base" class="">
  26. <!-- Unnamed (矩形) -->
  27. <div id="u347" class="ax_default label">
  28. <div id="u347_div" class=""></div>
  29. <div id="u347_text" class="text ">
  30. <p><span>购买支付:</span></p>
  31. </div>
  32. </div>
  33. <!-- Unnamed (矩形) -->
  34. <div id="u348" class="ax_default label">
  35. <div id="u348_div" class=""></div>
  36. <div id="u348_text" class="text ">
  37. <p><span>邀请好友免费获取阅读:</span></p>
  38. </div>
  39. </div>
  40. <!-- Unnamed (矩形) -->
  41. <div id="u349" class="ax_default label">
  42. <div id="u349_div" class=""></div>
  43. <div id="u349_text" class="text ">
  44. <p><span>积分排行榜:</span></p>
  45. </div>
  46. </div>
  47. <!-- Unnamed (矩形) -->
  48. <div id="u350" class="ax_default sticky_3">
  49. <div id="u350_div" class=""></div>
  50. <div id="u350_text" class="text ">
  51. <p><span>1、购买数量、金额可通过后台设置</span></p><p><span><br></span></p><p><span>2、选择购买数量,弹出微信支付,支付成功返回小刊封面</span></p><p><span><br></span></p><p><span>3、每购买一本刊可获得20积分,同时获得小刊阅读权限</span></p><p><span><br></span></p>
  52. </div>
  53. </div>
  54. <!-- Unnamed (矩形) -->
  55. <div id="u351" class="ax_default sticky_3">
  56. <div id="u351_div" class=""></div>
  57. <div id="u351_text" class="text ">
  58. <p><span>1、活动页标题、提示、规则说明可通过后台设置</span></p><p><span><br></span></p><p><span>2、每购买一本刊可获得20积分,同时获得小刊阅读权限</span></p><p><span><br></span></p><p><span>3、每邀请1位好码授权或绑定手机,获得2积分,邀请10人,要可获得小刊阅读权限</span></p><p><span><br></span></p>
  59. </div>
  60. </div>
  61. <!-- Unnamed (矩形) -->
  62. <div id="u352" class="ax_default sticky_3">
  63. <div id="u352_div" class=""></div>
  64. <div id="u352_text" class="text ">
  65. <p><span>1、邀请参加的方式和文章分享方式一致,包括分享给好友和生成分享海报两种。分享海报中的图片比例为1:1</span></p><p><span><br></span></p><p><span>2、好友通过邀请链接可直接进入小刊封面</span></p>
  66. </div>
  67. </div>
  68. <!-- Unnamed (矩形) -->
  69. <div id="u353" class="ax_default sticky_3">
  70. <div id="u353_div" class=""></div>
  71. <div id="u353_text" class="text ">
  72. <p><span>积分规则:</span></p><p><span>1、每购买一本小刊,可增加20积分;</span></p><p><span>2、通过小刊产品邀请好友绑定手机号或微信授权,每成功邀请1个用户加2积分,每天无上线</span></p>
  73. </div>
  74. </div>
  75. <!-- Unnamed (矩形) -->
  76. <div id="u354" class="ax_default sticky_3">
  77. <div id="u354_div" class=""></div>
  78. <div id="u354_text" class="text ">
  79. <p><span>购买说明可通过后台设置</span></p>
  80. </div>
  81. </div>
  82. <!-- Unnamed (矩形) -->
  83. <div id="u355" class="ax_default label">
  84. <div id="u355_div" class=""></div>
  85. <div id="u355_text" class="text ">
  86. <p><span>独立一本刊物阅读界页-付费阶段无阅读权限时</span></p>
  87. </div>
  88. </div>
  89. <!-- Unnamed (图片 ) -->
  90. <div id="u356" class="ax_default _图片_">
  91. <img id="u356_img" class="img " src="images/小刊页/u356.png"/>
  92. </div>
  93. <!-- Unnamed (矩形) -->
  94. <div id="u357" class="ax_default sticky_3">
  95. <div id="u357_div" class=""></div>
  96. <div id="u357_text" class="text ">
  97. <p><span>1、购买或使用兑换码前,显示【购买阅读、兑换码阅读】按钮</span></p><p><span><br></span></p><p><span>2、用户购买阅读、使用兑换码或参与免费阅读活动前需先绑定手机号</span></p><p><span><br></span></p>
  98. </div>
  99. </div>
  100. <!-- Unnamed (矩形) -->
  101. <div id="u358" class="ax_default label">
  102. <div id="u358_div" class=""></div>
  103. <div id="u358_text" class="text ">
  104. <p><span>独立一本刊物阅读界页-付费阶段有阅读权限时</span></p>
  105. </div>
  106. </div>
  107. <!-- Unnamed (图片 ) -->
  108. <div id="u359" class="ax_default _图片_">
  109. <img id="u359_img" class="img " src="images/小刊页/u359.png"/>
  110. </div>
  111. <!-- Unnamed (矩形) -->
  112. <div id="u360" class="ax_default sticky_3">
  113. <div id="u360_div" class=""></div>
  114. <div id="u360_text" class="text ">
  115. <p><span>购买阅读、兑换阅读后,显示【开始阅读、再次购买】按钮</span></p><p><span><br></span></p>
  116. </div>
  117. </div>
  118. <!-- Unnamed (矩形) -->
  119. <div id="u361" class="ax_default label">
  120. <div id="u361_div" class=""></div>
  121. <div id="u361_text" class="text ">
  122. <p><span>独立一本刊物阅读界页-免费</span></p>
  123. </div>
  124. </div>
  125. <!-- Unnamed (图片 ) -->
  126. <div id="u362" class="ax_default _图片_">
  127. <img id="u362_img" class="img " src="images/小刊页/u362.png"/>
  128. </div>
  129. <!-- Unnamed (图片 ) -->
  130. <div id="u363" class="ax_default _图片_">
  131. <img id="u363_img" class="img " src="images/小刊页/u363.png"/>
  132. </div>
  133. <!-- Unnamed (图片 ) -->
  134. <div id="u364" class="ax_default _图片_">
  135. <img id="u364_img" class="img " src="images/小刊页/u364.png"/>
  136. </div>
  137. <!-- Unnamed (矩形) -->
  138. <div id="u365" class="ax_default label">
  139. <div id="u365_div" class=""></div>
  140. <div id="u365_text" class="text ">
  141. <p><span>购买说明</span></p>
  142. </div>
  143. </div>
  144. <!-- Unnamed (图片 ) -->
  145. <div id="u366" class="ax_default _图片_">
  146. <img id="u366_img" class="img " src="images/小刊页/u366.png"/>
  147. </div>
  148. <!-- Unnamed (矩形) -->
  149. <div id="u367" class="ax_default label">
  150. <div id="u367_div" class=""></div>
  151. <div id="u367_text" class="text ">
  152. <p><span>兑换码阅读</span></p>
  153. </div>
  154. </div>
  155. <!-- Unnamed (矩形) -->
  156. <div id="u368" class="ax_default sticky_3">
  157. <div id="u368_div" class=""></div>
  158. <div id="u368_text" class="text ">
  159. <p><span>1、输入正确兑换码,可获得小刊阅读权限</span></p><p><span><br></span></p><p><span>2、通过兑换码兑换小刊时,不增加积分</span></p>
  160. </div>
  161. </div>
  162. <!-- Unnamed (图片 ) -->
  163. <div id="u369" class="ax_default _图片_">
  164. <img id="u369_img" class="img " src="images/小刊页/u369.png"/>
  165. </div>
  166. <!-- Unnamed (图片 ) -->
  167. <div id="u370" class="ax_default _图片_">
  168. <img id="u370_img" class="img " src="images/小刊页/u370.png"/>
  169. </div>
  170. <!-- Unnamed (图片 ) -->
  171. <div id="u371" class="ax_default _图片_">
  172. <img id="u371_img" class="img " src="images/小刊页/u371.png"/>
  173. </div>
  174. <!-- Unnamed (矩形) -->
  175. <div id="u372" class="ax_default sticky_3">
  176. <div id="u372_div" class=""></div>
  177. <div id="u372_text" class="text ">
  178. <p><span>1、按用户在当前小刊中所获得的积分进行排名</span></p><p><span><br></span></p><p><span>2、小刊活动结束后,用户购买或邀请好友获得的积分将不再加到积分排行榜中,但会加入到用户总积分中</span></p><p><span><br></span></p><p><span>3、上划可加载更多</span></p><p><span><br></span></p>
  179. </div>
  180. </div>
  181. <!-- Unnamed (矩形) -->
  182. <div id="u373" class="ax_default label">
  183. <div id="u373_div" class=""></div>
  184. <div id="u373_text" class="text ">
  185. <p><span>活动结束时积分排行榜:</span></p>
  186. </div>
  187. </div>
  188. <!-- Unnamed (矩形) -->
  189. <div id="u374" class="ax_default label">
  190. <div id="u374_div" class=""></div>
  191. <div id="u374_text" class="text ">
  192. <p><span>全部已邀请的好友:</span></p>
  193. </div>
  194. </div>
  195. <!-- Unnamed (图片 ) -->
  196. <div id="u375" class="ax_default _图片_">
  197. <img id="u375_img" class="img " src="images/小刊页/u375.png"/>
  198. </div>
  199. <!-- Unnamed (矩形) -->
  200. <div id="u376" class="ax_default sticky_3">
  201. <div id="u376_div" class=""></div>
  202. <div id="u376_text" class="text ">
  203. <p><span>1、显示用户在当前小刊中已邀请到的好友列表</span></p><p><span><br></span></p><p><span>2、通过小刊产品邀请好友绑定手机号或微信授权,视为邀请成功</span></p><p><span><br></span></p>
  204. </div>
  205. </div>
  206. <!-- Unnamed (图片 ) -->
  207. <div id="u377" class="ax_default _图片_">
  208. <img id="u377_img" class="img " src="images/小刊页/u377.png"/>
  209. </div>
  210. </div>
  211. </body>
  212. </html>