Home Explore Help
Sign In
other
/
jingmei_files
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 7740358ab3
Branches Tags
jingmei_files
/
product
/
xiaochengxu
/
yuanxing-20181106
/
图文.html

图文.html 9.7 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3.   <head>
    4. 

  4.     <title>图文</title>
    5. 

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    6. 

  6.     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    7. 

  7.     <meta name="apple-mobile-web-app-capable" content="yes"/>
    8. 

  8.     <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    9. 

  9.     <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    10. 

  10.     <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    11. 

  11.     <link href="files/图文/styles.css" type="text/css" rel="stylesheet"/>
    12. 

  12.     <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    13. 

  13.     <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    14. 

  14.     <script src="resources/scripts/prototypePre.js"></script>
    15. 

  15.     <script src="data/document.js"></script>
    16. 

  16.     <script src="resources/scripts/prototypePost.js"></script>
    17. 

  17.     <script src="files/图文/data.js"></script>
    18. 

  18.     <script type="text/javascript">
    19. 

  19.       $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
    20. 

  20.       $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
    21. 

  21.       $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    22. 

  22.     </script>
    23. 

  23.   </head>
    24. 

  24.   <body>
    25. 

  25.     <div id="base" class="">
    26. 

  26. 

  27.       <!-- Unnamed (组合 ) -->
    28. 

  28.       <div id="u307" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
    29. 

  29.       </div>
    30. 

  30. 

  31.       <!-- Unnamed (矩形) -->
    32. 

  32.       <div id="u308" class="ax_default label">
    33. 

  33.         <div id="u308_div" class=""></div>
    34. 

  34.         <div id="u308_text" class="text ">
    35. 

  35.           <p><span>内容底层页面：</span></p>
    36. 

  36.         </div>
    37. 

  37.       </div>
    38. 

  38. 

  39.       <!-- Unnamed (矩形) -->
    40. 

  40.       <div id="u309" class="ax_default label">
    41. 

  41.         <div id="u309_div" class=""></div>
    42. 

  42.         <div id="u309_text" class="text ">
    43. 

  43.           <p><span>页面中的交互：</span></p>
    44. 

  44.         </div>
    45. 

  45.       </div>
    46. 

  46. 

  47.       <!-- Unnamed (矩形) -->
    48. 

  48.       <div id="u310" class="ax_default button">
    49. 

  49.         <div id="u310_div" class=""></div>
    50. 

  50.         <div id="u310_text" class="text ">
    51. 

  51.           <p><span>海报保存成功</span></p>
    52. 

  52.         </div>
    53. 

  53.       </div>
    54. 

  54. 

  55.       <!-- Unnamed (矩形) -->
    56. 

  56.       <div id="u311" class="ax_default sticky_3">
    57. 

  57.         <div id="u311_div" class=""></div>
    58. 

  58.         <div id="u311_text" class="text ">
    59. 

  59.           <p><span>评论输入框最多可输入200个字</span></p>
    60. 

  60.         </div>
    61. 

  61.       </div>
    62. 

  62. 

  63.       <!-- Unnamed (图片 ) -->
    64. 

  64.       <div id="u312" class="ax_default _图片_">
    65. 

  65.         <img id="u312_img" class="img " src="images/图文/u312.jpg"/>
    66. 

  66.       </div>
    67. 

  67. 

  68.       <!-- Unnamed (图片 ) -->
    69. 

  69.       <div id="u313" class="ax_default _图片_">
    70. 

  70.         <img id="u313_img" class="img " src="images/图文/u313.jpg"/>
    71. 

  71.       </div>
    72. 

  72. 

  73.       <!-- Unnamed (图片 ) -->
    74. 

  74.       <div id="u314" class="ax_default _图片_">
    75. 

  75.         <img id="u314_img" class="img " src="images/图文/u314.png"/>
    76. 

  76.       </div>
    77. 

  77. 

  78.       <!-- Unnamed (图片 ) -->
    79. 

  79.       <div id="u315" class="ax_default _图片_">
    80. 

  80.         <img id="u315_img" class="img " src="images/图文/u315.png"/>
    81. 

  81.       </div>
    82. 

  82. 

  83.       <!-- Unnamed (矩形) -->
    84. 

  84.       <div id="u316" class="ax_default sticky_3">
    85. 

  85.         <div id="u316_div" class=""></div>
    86. 

  86.         <div id="u316_text" class="text ">
    87. 

  87.           <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>
    88. 

  88.         </div>
    89. 

  89.       </div>
    90. 

  90. 

  91.       <!-- Unnamed (矩形) -->
    92. 

  92.       <div id="u317" class="ax_default sticky_3">
    93. 

  93.         <div id="u317_div" class=""></div>
    94. 

  94.         <div id="u317_text" class="text ">
    95. 

  95.           <p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;">1、图文底层页中正文内容可包括：文字、图片、音乐、视频、直播、单品、活动</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;">2、相关推荐：在阅读某条图文的时候，通过后台数据分析筛选出相近的分类。相关推荐最多显示3个</span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;"><br></span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;">3、喜欢、点赞、评论、回复、分享功能在操作前需要先判断用户是否已授权</span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;"><br></span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;">4、评论、分享、喜欢功能默认固定在页面底部</span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;"><br></span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;">5、评论信息在底层级仅显示3条评论，点击查看更，跳页展示全部评论</span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;"><br></span></p>
    96. 

  96.         </div>
    97. 

  97.       </div>
    98. 

  98. 

  99.       <!-- Unnamed (图片 ) -->
    100. 

  100.       <div id="u318" class="ax_default _图片_">
    101. 

  101.         <img id="u318_img" class="img " src="images/图文/u318.png"/>
    102. 

  102.       </div>
    103. 

  103. 

  104.       <!-- Unnamed (图片 ) -->
    105. 

  105.       <div id="u319" class="ax_default _图片_">
    106. 

  106.         <img id="u319_img" class="img " src="images/图文/u319.png"/>
    107. 

  107.       </div>
    108. 

  108. 

  109.       <!-- Unnamed (图片 ) -->
    110. 

  110.       <div id="u320" class="ax_default _图片_">
    111. 

  111.         <img id="u320_img" class="img " src="images/图文/u320.png"/>
    112. 

  112.       </div>
    113. 

  113. 

  114.       <!-- Unnamed (矩形) -->
    115. 

  115.       <div id="u321" class="ax_default sticky_3">
    116. 

  116.         <div id="u321_div" class=""></div>
    117. 

  117.         <div id="u321_text" class="text ">
    118. 

  118.           <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">1、分享交互：</span><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;">因为评论部分是在底部随着屏幕浮动的条，因此打开页面上划的时候，会弹出引导条。</span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;"><br></span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;">2、点击分享后，弹出浮层，有两种方式，转发给好友，和保存邀请图的两个功能，顶部显示海报信息。</span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;">点击保存分享海报后将海报保存到相册</span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;"><br></span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;">3、分享海报功能做成后台配置，如果设置不分享海报，则点击【分享给好友】按钮，直接分享不再弹层</span></p><p><span style="font-family:'PingFangSC-Thin', 'PingFang SC Thin', 'PingFang SC';font-weight:200;"><br></span></p>
    119. 

  119.         </div>
    120. 

  120.       </div>
    121. 

  121. 

  122.       <!-- Unnamed (矩形) -->
    123. 

  123.       <div id="u322" class="ax_default sticky_3">
    124. 

  124.         <div id="u322_div" class=""></div>
    125. 

  125.         <div id="u322_text" class="text ">
    126. 

  126.           <p><span>图文中音乐直接调用小程序中音乐样式</span></p>
    127. 

  127.         </div>
    128. 

  128.       </div>
    129. 

  129. 

  130.       <!-- Unnamed (矩形) -->
    131. 

  131.       <div id="u323" class="ax_default sticky_3">
    132. 

  132.         <div id="u323_div" class=""></div>
    133. 

  133.         <div id="u323_text" class="text ">
    134. 

  134.           <p><span>图文中图片下方可增加文字说明，也可以选择不显示说明，具体可通过后台调整</span></p>
    135. 

  135.         </div>
    136. 

  136.       </div>
    137. 

  137. 

  138.       <!-- Unnamed (矩形) -->
    139. 

  139.       <div id="u324" class="ax_default sticky_3">
    140. 

  140.         <div id="u324_div" class=""></div>
    141. 

  141.         <div id="u324_text" class="text ">
    142. 

  142.           <p><span>1、图文中视频播放时，在当前图文页面直接播放，视频播放器中支持全屏功能</span></p><p><span><br></span></p><p><span>2、点击图文中视频播放按钮，可在当前页播放</span></p><p><span><br></span></p>
    143. 

  143.         </div>
    144. 

  144.       </div>
    145. 

  145. 

  146.       <!-- Unnamed (矩形) -->
    147. 

  147.       <div id="u325" class="ax_default sticky_3">
    148. 

  148.         <div id="u325_div" class=""></div>
    149. 

  149.         <div id="u325_text" class="text ">
    150. 

  150.           <p><span>1、图文中直播，未开始前，可设置直播提醒，直播提醒需要用户先授权绑定手机号</span></p><p><span><br></span></p><p><span>2、点击图文中直播播放按钮，可在当前页播放</span></p><p><span><br></span></p>
    151. 

  151.         </div>
    152. 

  152.       </div>
    153. 

  153. 

  154.       <!-- Unnamed (矩形) -->
    155. 

  155.       <div id="u326" class="ax_default sticky_3">
    156. 

  156.         <div id="u326_div" class=""></div>
    157. 

  157.         <div id="u326_text" class="text ">
    158. 

  158.           <p><span>【分享给好友】按钮上方引导条内容固定显示为：喜欢就邀请好友一起阅读</span></p>
    159. 

  159.         </div>
    160. 

  160.       </div>
    161. 

  161. 

  162.       <!-- Unnamed (矩形) -->
    163. 

  163.       <div id="u327" class="ax_default sticky_3">
    164. 

  164.         <div id="u327_div" class=""></div>
    165. 

  165.         <div id="u327_text" class="text ">
    166. 

  166.           <p><span>已喜欢人数显示规则 </span></p><p><span>1、最多可显示4位</span></p><p><span>2、当喜欢人数超过9999时，显示1万 或1.5万</span></p><p><span>3、当喜欢人数超过99万时，显示99万+</span></p>
    167. 

  167.         </div>
    168. 

  168.       </div>
    169. 

  169.     </div>
    170. 

  170.   </body>
    171. 

  171. </html>
    172.