兑换码购买.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413
  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="u86" class="ax_default _图片_">
  28. <img id="u86_img" class="img " src="images/兑换码购买/u86.png"/>
  29. </div>
  30. <!-- Unnamed (图片) -->
  31. <div id="u87" class="ax_default _图片_">
  32. <img id="u87_img" class="img " src="images/兑换码购买/u87.png"/>
  33. </div>
  34. <!-- Unnamed (图片) -->
  35. <div id="u88" class="ax_default _图片_">
  36. <img id="u88_img" class="img " src="images/兑换码购买/u88.png"/>
  37. </div>
  38. <!-- Unnamed (图片) -->
  39. <div id="u89" class="ax_default _图片_">
  40. <img id="u89_img" class="img " src="images/兑换码购买/u89.png"/>
  41. </div>
  42. <!-- Unnamed (图片) -->
  43. <div id="u90" class="ax_default _图片_">
  44. <img id="u90_img" class="img " src="images/兑换码购买/u90.png"/>
  45. </div>
  46. <!-- Unnamed (矩形) -->
  47. <div id="u91" class="ax_default box_1">
  48. <div id="u91_div" class=""></div>
  49. <div id="u91_text" class="text ">
  50. <p><span>关注公众号</span></p>
  51. </div>
  52. </div>
  53. <!-- Unnamed (矩形) -->
  54. <div id="u92" class="ax_default _标题_3">
  55. <div id="u92_div" class=""></div>
  56. <div id="u92_text" class="text ">
  57. <p><span>微信授权</span></p>
  58. </div>
  59. </div>
  60. <!-- Unnamed (矩形) -->
  61. <div id="u93" class="ax_default _标题_3">
  62. <div id="u93_div" class=""></div>
  63. <div id="u93_text" class="text ">
  64. <p><span>电子刊列表</span></p>
  65. </div>
  66. </div>
  67. <!-- Unnamed (图片) -->
  68. <div id="u94" class="ax_default _图片_">
  69. <img id="u94_img" class="img " src="images/兑换码购买/u94.png"/>
  70. </div>
  71. <!-- Unnamed (矩形) -->
  72. <div id="u95" class="ax_default _标题_3">
  73. <div id="u95_div" class=""></div>
  74. <div id="u95_text" class="text ">
  75. <p><span>购买电子刊</span></p>
  76. </div>
  77. </div>
  78. <!-- Unnamed (矩形) -->
  79. <div id="u96" class="ax_default _标题_3">
  80. <div id="u96_div" class=""></div>
  81. <div id="u96_text" class="text ">
  82. <p><span>购买成功</span></p>
  83. </div>
  84. </div>
  85. <!-- Unnamed (矩形) -->
  86. <div id="u97" class="ax_default box_1">
  87. <div id="u97_div" class=""></div>
  88. <div id="u97_text" class="text ">
  89. <p><span>查看</span></p>
  90. </div>
  91. </div>
  92. <!-- Unnamed (矩形) -->
  93. <div id="u98" class="ax_default box_1">
  94. <div id="u98_div" class=""></div>
  95. <div id="u98_text" class="text ">
  96. <p><span>购买成功,长按上方小程序码识别或微信搜索“</span><span style="color:#CC1619;">Jstyle精美</span><span>”进入小程序查看电子刊内容</span></p>
  97. </div>
  98. </div>
  99. <!-- Unnamed (矩形) -->
  100. <div id="u99" class="ax_default _标题_3">
  101. <div id="u99_div" class=""></div>
  102. <div id="u99_text" class="text ">
  103. <p><span>已购电子刊阅读码</span></p>
  104. </div>
  105. </div>
  106. <!-- Unnamed (矩形) -->
  107. <div id="u100" class="ax_default box_3">
  108. <div id="u100_div" class=""></div>
  109. <div id="u100_text" class="text ">
  110. <p><span>复制成功</span></p>
  111. </div>
  112. </div>
  113. <!-- Unnamed (矩形) -->
  114. <div id="u101" class="ax_default _标题_3">
  115. <div id="u101_div" class=""></div>
  116. <div id="u101_text" class="text ">
  117. <p><span>使用说明</span></p>
  118. </div>
  119. </div>
  120. <!-- Unnamed (矩形) -->
  121. <div id="u102" class="ax_default sticky_1">
  122. <div id="u102_div" class=""></div>
  123. <div id="u102_text" class="text ">
  124. <p><span>现在APP没有上线,所以方法1暂不展示</span></p>
  125. </div>
  126. </div>
  127. <!-- Unnamed (连接线) -->
  128. <div id="u103" class="ax_default _连接线">
  129. <img id="u103_seg0" class="img " src="images/兑换码购买/u103_seg0.png" alt="u103_seg0"/>
  130. <img id="u103_seg1" class="img " src="images/兑换码购买/u103_seg1.png" alt="u103_seg1"/>
  131. <img id="u103_seg2" class="img " src="images/兑换码购买/u103_seg2.png" alt="u103_seg2"/>
  132. <img id="u103_seg3" class="img " src="images/兑换码购买/u103_seg3.png" alt="u103_seg3"/>
  133. <div id="u103_text" class="text " style="display:none; visibility: hidden">
  134. <p></p>
  135. </div>
  136. </div>
  137. <!-- Unnamed (连接线) -->
  138. <div id="u104" class="ax_default _连接线">
  139. <img id="u104_seg0" class="img " src="images/兑换码购买/u104_seg0.png" alt="u104_seg0"/>
  140. <img id="u104_seg1" class="img " src="images/兑换码购买/u104_seg1.png" alt="u104_seg1"/>
  141. <img id="u104_seg2" class="img " src="images/兑换码购买/u104_seg2.png" alt="u104_seg2"/>
  142. <img id="u104_seg3" class="img " src="images/兑换码购买/u104_seg3.png" alt="u104_seg3"/>
  143. <div id="u104_text" class="text " style="display:none; visibility: hidden">
  144. <p></p>
  145. </div>
  146. </div>
  147. <!-- Unnamed (连接线) -->
  148. <div id="u105" class="ax_default _连接线">
  149. <img id="u105_seg0" class="img " src="images/兑换码购买/u105_seg0.png" alt="u105_seg0"/>
  150. <img id="u105_seg1" class="img " src="images/兑换码购买/u105_seg1.png" alt="u105_seg1"/>
  151. <div id="u105_text" class="text " style="display:none; visibility: hidden">
  152. <p></p>
  153. </div>
  154. </div>
  155. <!-- Unnamed (连接线) -->
  156. <div id="u106" class="ax_default _连接线">
  157. <img id="u106_seg0" class="img " src="images/兑换码购买/u106_seg0.png" alt="u106_seg0"/>
  158. <img id="u106_seg1" class="img " src="images/兑换码购买/u106_seg1.png" alt="u106_seg1"/>
  159. <img id="u106_seg2" class="img " src="images/兑换码购买/u106_seg2.png" alt="u106_seg2"/>
  160. <div id="u106_text" class="text " style="display:none; visibility: hidden">
  161. <p></p>
  162. </div>
  163. </div>
  164. <!-- Unnamed (连接线) -->
  165. <div id="u107" class="ax_default _连接线">
  166. <img id="u107_seg0" class="img " src="images/兑换码购买/u107_seg0.png" alt="u107_seg0"/>
  167. <img id="u107_seg1" class="img " src="images/兑换码购买/u107_seg1.png" alt="u107_seg1"/>
  168. <img id="u107_seg2" class="img " src="images/兑换码购买/u107_seg2.png" alt="u107_seg2"/>
  169. <img id="u107_seg3" class="img " src="images/兑换码购买/u107_seg3.png" alt="u107_seg3"/>
  170. <img id="u107_seg4" class="img " src="images/兑换码购买/u107_seg4.png" alt="u107_seg4"/>
  171. <div id="u107_text" class="text " style="display:none; visibility: hidden">
  172. <p></p>
  173. </div>
  174. </div>
  175. <!-- Unnamed (连接线) -->
  176. <div id="u108" class="ax_default _连接线">
  177. <img id="u108_seg0" class="img " src="images/兑换码购买/u108_seg0.png" alt="u108_seg0"/>
  178. <img id="u108_seg1" class="img " src="images/兑换码购买/u108_seg1.png" alt="u108_seg1"/>
  179. <img id="u108_seg2" class="img " src="images/兑换码购买/u108_seg2.png" alt="u108_seg2"/>
  180. <img id="u108_seg3" class="img " src="images/兑换码购买/u108_seg3.png" alt="u108_seg3"/>
  181. <img id="u108_seg4" class="img " src="images/兑换码购买/u108_seg4.png" alt="u108_seg4"/>
  182. <img id="u108_seg5" class="img " src="images/兑换码购买/u108_seg5.png" alt="u108_seg5"/>
  183. <div id="u108_text" class="text " style="display:none; visibility: hidden">
  184. <p></p>
  185. </div>
  186. </div>
  187. <!-- Unnamed (矩形) -->
  188. <div id="u109" class="ax_default sticky_1">
  189. <div id="u109_div" class=""></div>
  190. <div id="u109_text" class="text ">
  191. <p><span>现在APP没有上线,所以暂不显示“点击下载Jstyle精美APP查看电子刊”</span></p>
  192. </div>
  193. </div>
  194. <!-- Unnamed (连接线) -->
  195. <div id="u110" class="ax_default _连接线">
  196. <img id="u110_seg0" class="img " src="images/兑换码购买/u110_seg0.png" alt="u110_seg0"/>
  197. <img id="u110_seg1" class="img " src="images/兑换码购买/u110_seg1.png" alt="u110_seg1"/>
  198. <img id="u110_seg2" class="img " src="images/兑换码购买/u110_seg2.png" alt="u110_seg2"/>
  199. <img id="u110_seg3" class="img " src="images/兑换码购买/u110_seg3.png" alt="u110_seg3"/>
  200. <div id="u110_text" class="text " style="display:none; visibility: hidden">
  201. <p></p>
  202. </div>
  203. </div>
  204. <!-- Unnamed (组 合) -->
  205. <div id="u111" class="ax_default" data-left="301" data-top="65" data-width="224" data-height="448">
  206. <!-- Unnamed (图片) -->
  207. <div id="u112" class="ax_default _图片_">
  208. <img id="u112_img" class="img " src="images/兑换码购买/u112.jpg"/>
  209. </div>
  210. <!-- Unnamed (矩形) -->
  211. <div id="u113" class="ax_default box_2">
  212. <div id="u113_div" class=""></div>
  213. </div>
  214. <!-- Unnamed (矩形) -->
  215. <div id="u114" class="ax_default label">
  216. <div id="u114_div" class=""></div>
  217. <div id="u114_text" class="text ">
  218. <p><span>购买小刊</span></p>
  219. </div>
  220. </div>
  221. <!-- Unnamed (矩形) -->
  222. <div id="u115" class="ax_default label">
  223. <div id="u115_div" class=""></div>
  224. <div id="u115_text" class="text ">
  225. <p><span>购买兑换码</span></p>
  226. </div>
  227. </div>
  228. </div>
  229. <!-- Unnamed (矩形) -->
  230. <div id="u116" class="ax_default sticky_1">
  231. <div id="u116_div" class=""></div>
  232. <div id="u116_text" class="text ">
  233. <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>
  234. </div>
  235. </div>
  236. <!-- Unnamed (连接线) -->
  237. <div id="u117" class="ax_default _连接线">
  238. <img id="u117_seg0" class="img " src="images/兑换码购买/u117_seg0.png" alt="u117_seg0"/>
  239. <img id="u117_seg1" class="img " src="images/兑换码购买/u117_seg1.png" alt="u117_seg1"/>
  240. <img id="u117_seg2" class="img " src="images/兑换码购买/u117_seg2.png" alt="u117_seg2"/>
  241. <img id="u117_seg3" class="img " src="images/兑换码购买/u117_seg3.png" alt="u117_seg3"/>
  242. <div id="u117_text" class="text " style="display:none; visibility: hidden">
  243. <p></p>
  244. </div>
  245. </div>
  246. <!-- Unnamed (矩形) -->
  247. <div id="u118" class="ax_default _标题_3">
  248. <div id="u118_div" class=""></div>
  249. <div id="u118_text" class="text ">
  250. <p><span>微信公众号</span></p>
  251. </div>
  252. </div>
  253. <!-- Unnamed (矩形) -->
  254. <div id="u119" class="ax_default box_1">
  255. <div id="u119_div" class=""></div>
  256. </div>
  257. <!-- Unnamed (矩形) -->
  258. <div id="u120" class="ax_default label">
  259. <div id="u120_div" class=""></div>
  260. <div id="u120_text" class="text ">
  261. <p><span>我的时尚指南-杂志简介</span></p>
  262. </div>
  263. </div>
  264. <!-- Unnamed (矩形) -->
  265. <div id="u121" class="ax_default label">
  266. <div id="u121_div" class=""></div>
  267. <div id="u121_text" class="text ">
  268. <p><span>兑换码</span></p>
  269. </div>
  270. </div>
  271. <!-- Unnamed (矩形) -->
  272. <div id="u122" class="ax_default box_1">
  273. <div id="u122_div" class=""></div>
  274. </div>
  275. <!-- Unnamed (矩形) -->
  276. <div id="u123" class="ax_default box_1">
  277. <div id="u123_div" class=""></div>
  278. </div>
  279. <!-- Unnamed (矩形) -->
  280. <div id="u124" class="ax_default box_1">
  281. <div id="u124_div" class=""></div>
  282. </div>
  283. <!-- Unnamed (连接线) -->
  284. <div id="u125" class="ax_default _连接线">
  285. <img id="u125_seg0" class="img " src="images/兑换码购买/u125_seg0.png" alt="u125_seg0"/>
  286. <img id="u125_seg1" class="img " src="images/兑换码购买/u125_seg1.png" alt="u125_seg1"/>
  287. <img id="u125_seg2" class="img " src="images/兑换码购买/u125_seg2.png" alt="u125_seg2"/>
  288. <img id="u125_seg3" class="img " src="images/兑换码购买/u125_seg3.png" alt="u125_seg3"/>
  289. <img id="u125_seg4" class="img " src="images/兑换码购买/u125_seg4.png" alt="u125_seg4"/>
  290. <div id="u125_text" class="text " style="display:none; visibility: hidden">
  291. <p></p>
  292. </div>
  293. </div>
  294. <!-- Unnamed (矩形) -->
  295. <div id="u126" class="ax_default label">
  296. <div id="u126_div" class=""></div>
  297. <div id="u126_text" class="text ">
  298. <p><span>兑换码已使用</span></p>
  299. </div>
  300. </div>
  301. <!-- Unnamed (矩形) -->
  302. <div id="u127" class="ax_default _文本">
  303. <div id="u127_div" class=""></div>
  304. <div id="u127_text" class="text ">
  305. <p><span>兑换码</span></p>
  306. </div>
  307. </div>
  308. <!-- Unnamed (矩形) -->
  309. <div id="u128" class="ax_default box_1">
  310. <div id="u128_div" class=""></div>
  311. </div>
  312. <!-- Unnamed (矩形) -->
  313. <div id="u129" class="ax_default label">
  314. <div id="u129_div" class=""></div>
  315. <div id="u129_text" class="text ">
  316. <p><span>我的时尚指南-杂志简介</span></p>
  317. </div>
  318. </div>
  319. <!-- Unnamed (矩形) -->
  320. <div id="u130" class="ax_default label">
  321. <div id="u130_div" class=""></div>
  322. <div id="u130_text" class="text ">
  323. <p><span>兑换码</span></p>
  324. </div>
  325. </div>
  326. <!-- Unnamed (矩形) -->
  327. <div id="u131" class="ax_default label">
  328. <div id="u131_div" class=""></div>
  329. <div id="u131_text" class="text ">
  330. <p><span>长按识别小程序,在预览界面选择“兑换阅读”,输入兑换码后即可阅读。</span></p>
  331. </div>
  332. </div>
  333. <!-- Unnamed (组 合) -->
  334. <div id="u132" class="ax_default" data-left="315" data-top="118.5" data-width="147.5" data-height="26">
  335. <!-- Unnamed (气泡) -->
  336. <div id="u133" class="ax_default box_1">
  337. <img id="u133_img" class="img " src="images/兑换码购买/u133.png"/>
  338. </div>
  339. <!-- Unnamed (矩形) -->
  340. <div id="u134" class="ax_default label">
  341. <div id="u134_div" class=""></div>
  342. <div id="u134_text" class="text ">
  343. <p><span>&nbsp;&nbsp;&nbsp; 订阅 </span><span style="color:#3399FF;">Jstyle精美电子刊</span></p>
  344. </div>
  345. </div>
  346. <!-- Unnamed (图片) -->
  347. <div id="u135" class="ax_default _图片_">
  348. <img id="u135_img" class="img " src="images/兑换码购买/u135.png"/>
  349. </div>
  350. </div>
  351. <!-- Unnamed (连接线) -->
  352. <div id="u136" class="ax_default _连接线">
  353. <img id="u136_seg0" class="img " src="images/兑换码购买/u136_seg0.png" alt="u136_seg0"/>
  354. <img id="u136_seg1" class="img " src="images/兑换码购买/u136_seg1.png" alt="u136_seg1"/>
  355. <img id="u136_seg2" class="img " src="images/兑换码购买/u136_seg2.png" alt="u136_seg2"/>
  356. <div id="u136_text" class="text " style="display:none; visibility: hidden">
  357. <p></p>
  358. </div>
  359. </div>
  360. </div>
  361. </body>
  362. </html>