小刊阅读页.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  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="u378" class="ax_default _标题_3">
  28. <div id="u378_div" class=""></div>
  29. <div id="u378_text" class="text ">
  30. <p><span>小刊内容页-全屏图-不带文字和按钮</span></p>
  31. </div>
  32. </div>
  33. <!-- Unnamed (矩形) -->
  34. <div id="u379" class="ax_default sticky_3">
  35. <div id="u379_div" class=""></div>
  36. <div id="u379_text" class="text ">
  37. <p><span>1、全屏图片上方固定9处文字显示位置,可通过后台设置文字内容、字号、文字颜色、背景色、显示位置</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>
  38. </div>
  39. </div>
  40. <!-- Unnamed (矩形) -->
  41. <div id="u380" class="ax_default _标题_3">
  42. <div id="u380_div" class=""></div>
  43. <div id="u380_text" class="text ">
  44. <p><span>小刊内容页-加载页</span></p>
  45. </div>
  46. </div>
  47. <!-- Unnamed (图片 ) -->
  48. <div id="u381" class="ax_default _图片_">
  49. <img id="u381_img" class="img " src="images/小刊阅读页/u381.png"/>
  50. </div>
  51. <!-- Unnamed (矩形) -->
  52. <div id="u382" class="ax_default _标题_3">
  53. <div id="u382_div" class=""></div>
  54. <div id="u382_text" class="text ">
  55. <p><span>小刊内容页-引导层</span></p>
  56. </div>
  57. </div>
  58. <!-- Unnamed (图片 ) -->
  59. <div id="u383" class="ax_default _图片_">
  60. <img id="u383_img" class="img " src="images/小刊阅读页/u383.png"/>
  61. </div>
  62. <!-- Unnamed (矩形) -->
  63. <div id="u384" class="ax_default sticky_3">
  64. <div id="u384_div" class=""></div>
  65. <div id="u384_text" class="text ">
  66. <p><span>引导层底图为小刊封面</span></p>
  67. </div>
  68. </div>
  69. <!-- Unnamed (图片 ) -->
  70. <div id="u385" class="ax_default _图片_">
  71. <img id="u385_img" class="img " src="images/小刊阅读页/u385.png"/>
  72. </div>
  73. <!-- Unnamed (矩形) -->
  74. <div id="u386" class="ax_default sticky_3">
  75. <div id="u386_div" class=""></div>
  76. <div id="u386_text" class="text ">
  77. <p><span>右下方显示页码</span></p>
  78. </div>
  79. </div>
  80. <!-- Unnamed (矩形) -->
  81. <div id="u387" class="ax_default _标题_3">
  82. <div id="u387_div" class=""></div>
  83. <div id="u387_text" class="text ">
  84. <p><span>小刊内容页-全屏图-带保存按钮</span></p>
  85. </div>
  86. </div>
  87. <!-- Unnamed (图片 ) -->
  88. <div id="u388" class="ax_default _图片_">
  89. <img id="u388_img" class="img " src="images/小刊阅读页/u388.png"/>
  90. </div>
  91. <!-- Unnamed (矩形) -->
  92. <div id="u389" class="ax_default _标题_3">
  93. <div id="u389_div" class=""></div>
  94. <div id="u389_text" class="text ">
  95. <p><span>小刊内容页-全屏图-带文字</span></p>
  96. </div>
  97. </div>
  98. <!-- Unnamed (图片 ) -->
  99. <div id="u390" class="ax_default _图片_">
  100. <img id="u390_img" class="img " src="images/小刊阅读页/u390.jpg"/>
  101. </div>
  102. <!-- Unnamed (矩形) -->
  103. <div id="u391" class="ax_default _标题_3">
  104. <div id="u391_div" class=""></div>
  105. <div id="u391_text" class="text ">
  106. <p><span>小刊内容页-长图</span></p>
  107. </div>
  108. </div>
  109. <!-- Unnamed (图片 ) -->
  110. <div id="u392" class="ax_default _图片_">
  111. <img id="u392_img" class="img " src="images/小刊阅读页/u392.png"/>
  112. </div>
  113. <!-- Unnamed (矩形) -->
  114. <div id="u393" class="ax_default _标题_3">
  115. <div id="u393_div" class=""></div>
  116. <div id="u393_text" class="text ">
  117. <p><span>小刊内容页-图文</span></p>
  118. </div>
  119. </div>
  120. <!-- Unnamed (矩形) -->
  121. <div id="u394" class="ax_default sticky_3">
  122. <div id="u394_div" class=""></div>
  123. <div id="u394_text" class="text ">
  124. <p><span>1、小刊内容支持长图,长图可划动查看全部</span></p><p><span><br></span></p><p><span>2、长图上方不能增加文字</span></p><p><span><br></span></p>
  125. </div>
  126. </div>
  127. <!-- Unnamed (图片 ) -->
  128. <div id="u395" class="ax_default _图片_">
  129. <img id="u395_img" class="img " src="images/小刊阅读页/u395.jpg"/>
  130. </div>
  131. <!-- Unnamed (图片 ) -->
  132. <div id="u396" class="ax_default _图片_">
  133. <img id="u396_img" class="img " src="images/小刊阅读页/u396.jpg"/>
  134. </div>
  135. <!-- Unnamed (矩形) -->
  136. <div id="u397" class="ax_default _标题_3">
  137. <div id="u397_div" class=""></div>
  138. <div id="u397_text" class="text ">
  139. <p><span>小刊内容页-图文上划</span></p>
  140. </div>
  141. </div>
  142. <!-- Unnamed (矩形) -->
  143. <div id="u398" class="ax_default sticky_3">
  144. <div id="u398_div" class=""></div>
  145. <div id="u398_text" class="text ">
  146. <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><p><span>4、小刊页面上划时,焦点图缩小到固定尺寸</span></p><p><span><br></span></p>
  147. </div>
  148. </div>
  149. <!-- Unnamed (图片 ) -->
  150. <div id="u399" class="ax_default _图片_">
  151. <img id="u399_img" class="img " src="images/小刊阅读页/u399.png"/>
  152. </div>
  153. <!-- Unnamed (矩形) -->
  154. <div id="u400" class="ax_default _标题_3">
  155. <div id="u400_div" class=""></div>
  156. <div id="u400_text" class="text ">
  157. <p><span>小刊内容页-视频</span></p>
  158. </div>
  159. </div>
  160. <!-- Unnamed (图片 ) -->
  161. <div id="u401" class="ax_default _图片_">
  162. <img id="u401_img" class="img " src="images/小刊阅读页/u401.png"/>
  163. </div>
  164. <!-- Unnamed (矩形) -->
  165. <div id="u402" class="ax_default _标题_3">
  166. <div id="u402_div" class=""></div>
  167. <div id="u402_text" class="text ">
  168. <p><span>小刊内容页-直播</span></p>
  169. </div>
  170. </div>
  171. <!-- Unnamed (矩形) -->
  172. <div id="u403" class="ax_default sticky_3">
  173. <div id="u403_div" class=""></div>
  174. <div id="u403_text" class="text ">
  175. <p><span>小刊中的视频仅支持观看和阅读视频介绍,不带有评论、相关推荐、分享、喜欢等功能</span></p>
  176. </div>
  177. </div>
  178. <!-- Unnamed (矩形) -->
  179. <div id="u404" class="ax_default sticky_3">
  180. <div id="u404_div" class=""></div>
  181. <div id="u404_text" class="text ">
  182. <p><span>小刊中的直播不带有分享功能</span></p><p><span><br></span></p>
  183. </div>
  184. </div>
  185. <!-- Unnamed (图片 ) -->
  186. <div id="u405" class="ax_default _图片_">
  187. <img id="u405_img" class="img " src="images/小刊阅读页/u405.png"/>
  188. </div>
  189. <!-- Unnamed (矩形) -->
  190. <div id="u406" class="ax_default _标题_3">
  191. <div id="u406_div" class=""></div>
  192. <div id="u406_text" class="text ">
  193. <p><span>小刊内容页-制作团队</span></p>
  194. </div>
  195. </div>
  196. <!-- Unnamed (矩形) -->
  197. <div id="u407" class="ax_default sticky_3">
  198. <div id="u407_div" class=""></div>
  199. <div id="u407_text" class="text ">
  200. <p><span>制作团队可以用图片的方式加入到小刊中</span></p>
  201. </div>
  202. </div>
  203. </div>
  204. </body>
  205. </html>