联系方式.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
  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="u77" class="ax_default box_2">
  28. <div id="u77_div" class=""></div>
  29. </div>
  30. <!-- Unnamed (矩形) -->
  31. <div id="u78" class="ax_default label">
  32. <div id="u78_div" class=""></div>
  33. <div id="u78_text" class="text ">
  34. <p><span>电子刊制作介绍</span></p>
  35. </div>
  36. </div>
  37. <!-- Unnamed (水平线) -->
  38. <div id="u79" class="ax_default line">
  39. <img id="u79_img" class="img " src="images/首页-电子刊制作介绍/u70.png"/>
  40. </div>
  41. <!-- Unnamed (水平线) -->
  42. <div id="u80" class="ax_default line">
  43. <img id="u80_img" class="img " src="images/首页-电子刊制作介绍/u70.png"/>
  44. </div>
  45. <!-- Unnamed (矩形) -->
  46. <div id="u81" class="ax_default label">
  47. <div id="u81_div" class=""></div>
  48. <div id="u81_text" class="text ">
  49. <p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 电子杂志制作平台,致力于解决平面数字化转变的工具研发。平台优势:操作简单、编辑周期短、上线成本低、时时在线编辑等。</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 平台采用SaaS技术架构,为合作伙伴提供工具、数据分析、统计分成,极大的解决了客户数字化转变的成本问题,同时也开辟了一条用户阅读的新形式,目前已有多家平面媒体签约合作,系统不断的开发升级中。</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 平台以合作共赢方式提供销售分成与系统服务两种合作方式,根据用户的需求也可增加多个平台的产品,帮助合作伙伴快速获得用户与收益。</span></p>
  50. </div>
  51. </div>
  52. <!-- Unnamed (图片 ) -->
  53. <div id="u82" class="ax_default image">
  54. <img id="u82_img" class="img " src="images/首页-电子刊制作介绍/u73.jpg"/>
  55. </div>
  56. <!-- Unnamed (图片 ) -->
  57. <div id="u83" class="ax_default image">
  58. <img id="u83_img" class="img " src="images/首页-电子刊制作介绍/u74.jpg"/>
  59. </div>
  60. <!-- Unnamed (图片 ) -->
  61. <div id="u84" class="ax_default image">
  62. <img id="u84_img" class="img " src="images/首页-电子刊制作介绍/u75.jpg"/>
  63. </div>
  64. <!-- Unnamed (矩形) -->
  65. <div id="u85" class="ax_default button">
  66. <div id="u85_div" class=""></div>
  67. <div id="u85_text" class="text ">
  68. <p><span>我要制作</span></p>
  69. </div>
  70. </div>
  71. <!-- Unnamed (矩形) -->
  72. <div id="u86" class="ax_default box_3">
  73. <div id="u86_div" class=""></div>
  74. </div>
  75. <!-- Unnamed (矩形) -->
  76. <div id="u87" class="ax_default box_2">
  77. <div id="u87_div" class=""></div>
  78. </div>
  79. <!-- Unnamed (矩形) -->
  80. <div id="u88" class="ax_default label">
  81. <div id="u88_div" class=""></div>
  82. <div id="u88_text" class="text ">
  83. <p><span>联系方式</span></p>
  84. </div>
  85. </div>
  86. <!-- Unnamed (矩形) -->
  87. <div id="u89" class="ax_default box_1">
  88. <div id="u89_div" class=""></div>
  89. </div>
  90. <!-- Unnamed (矩形) -->
  91. <div id="u90" class="ax_default box_1">
  92. <div id="u90_div" class=""></div>
  93. </div>
  94. <!-- Unnamed (矩形) -->
  95. <div id="u91" class="ax_default box_1">
  96. <div id="u91_div" class=""></div>
  97. </div>
  98. <!-- Unnamed (矩形) -->
  99. <div id="u92" class="ax_default box_1">
  100. <div id="u92_div" class=""></div>
  101. <div id="u92_text" class="text ">
  102. <p><span>提交</span></p>
  103. </div>
  104. </div>
  105. <!-- Unnamed (矩形) -->
  106. <div id="u93" class="ax_default box_1">
  107. <div id="u93_div" class=""></div>
  108. </div>
  109. <!-- Unnamed (矩形) -->
  110. <div id="u94" class="ax_default box_1">
  111. <div id="u94_div" class=""></div>
  112. <div id="u94_text" class="text ">
  113. <p><span>获取验证码</span></p>
  114. </div>
  115. </div>
  116. <!-- Unnamed (矩形) -->
  117. <div id="u95" class="ax_default label">
  118. <div id="u95_div" class=""></div>
  119. <div id="u95_text" class="text ">
  120. <p><span>姓名</span></p>
  121. </div>
  122. </div>
  123. <!-- Unnamed (矩形) -->
  124. <div id="u96" class="ax_default label">
  125. <div id="u96_div" class=""></div>
  126. <div id="u96_text" class="text ">
  127. <p><span>手机</span></p>
  128. </div>
  129. </div>
  130. <!-- Unnamed (矩形) -->
  131. <div id="u97" class="ax_default label">
  132. <div id="u97_div" class=""></div>
  133. <div id="u97_text" class="text ">
  134. <p><span>请输入验证码</span></p>
  135. </div>
  136. </div>
  137. <!-- Unnamed (矩形) -->
  138. <div id="u98" class="ax_default label">
  139. <div id="u98_div" class=""></div>
  140. <div id="u98_text" class="text ">
  141. <p><span>公司名称</span></p>
  142. </div>
  143. </div>
  144. <!-- Unnamed (矩形) -->
  145. <div id="u99" class="ax_default label">
  146. <div id="u99_div" class=""></div>
  147. <div id="u99_text" class="text ">
  148. <p><span>规则:</span></p>
  149. </div>
  150. </div>
  151. <!-- Unnamed (矩形) -->
  152. <div id="u100" class="ax_default label">
  153. <div id="u100_div" class=""></div>
  154. <div id="u100_text" class="text ">
  155. <p><span>1.手机号验证,手机号最大长度为11位,当输入少于11位手机号,提示:</span></p>
  156. </div>
  157. </div>
  158. <!-- Unnamed (矩形) -->
  159. <div id="u101" class="ax_default box_2">
  160. <div id="u101_div" class=""></div>
  161. <div id="u101_text" class="text ">
  162. <p><span>请输入正确的手机号</span></p>
  163. </div>
  164. </div>
  165. <!-- Unnamed (矩形) -->
  166. <div id="u102" class="ax_default label">
  167. <div id="u102_div" class=""></div>
  168. <div id="u102_text" class="text ">
  169. <p><span>2.获取验证码按钮</span></p><p><span>(1)当未输入手机号码时,获取验证码按钮为不可点击状态</span></p><p><span>(2)当发送验证码后,获取验证码按钮为倒计时状态</span></p>
  170. </div>
  171. </div>
  172. <!-- Unnamed (矩形) -->
  173. <div id="u103" class="ax_default button">
  174. <div id="u103_div" class=""></div>
  175. <div id="u103_text" class="text ">
  176. <p><span>59秒后重新获取</span></p>
  177. </div>
  178. </div>
  179. <!-- Unnamed (矩形) -->
  180. <div id="u104" class="ax_default label">
  181. <div id="u104_div" class=""></div>
  182. <div id="u104_text" class="text ">
  183. <p><span>(3)当验证码倒计时结束后,获取验证码按钮显示为重新获取</span></p>
  184. </div>
  185. </div>
  186. <!-- Unnamed (矩形) -->
  187. <div id="u105" class="ax_default button">
  188. <div id="u105_div" class=""></div>
  189. <div id="u105_text" class="text ">
  190. <p><span>重新获取</span></p>
  191. </div>
  192. </div>
  193. <!-- Unnamed (矩形) -->
  194. <div id="u106" class="ax_default label">
  195. <div id="u106_div" class=""></div>
  196. <div id="u106_text" class="text ">
  197. <p><span>3.验证码</span></p><p><span>&nbsp;&nbsp; (1)验证码长度为4位,当少于4位时,登录按钮为不可点击状态</span></p><p><span>&nbsp;&nbsp; (2)验证码输入不正确,点击登录按钮,弹出3s提示</span></p>
  198. </div>
  199. </div>
  200. <!-- Unnamed (矩形) -->
  201. <div id="u107" class="ax_default box_2">
  202. <div id="u107_div" class=""></div>
  203. <div id="u107_text" class="text ">
  204. <p><span>验证码输入错误</span></p>
  205. </div>
  206. </div>
  207. <!-- Unnamed (矩形) -->
  208. <div id="u108" class="ax_default label">
  209. <div id="u108_div" class=""></div>
  210. <div id="u108_text" class="text ">
  211. <p><span>(1)当手机号/验证码输入框中输入了内容时,后方显示全部删除按钮</span></p><p><span>(2)当内容为空时,不显示全部删除 按钮</span></p>
  212. </div>
  213. </div>
  214. </div>
  215. </body>
  216. </html>