公共部分.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583
  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="u114" class="ax_default" data-left="40" data-top="51" data-width="320" data-height="549">
  28. <!-- Unnamed (矩形) -->
  29. <div id="u115" class="ax_default box_11">
  30. <div id="u115_div" class=""></div>
  31. </div>
  32. <!-- Unnamed (组合 ) -->
  33. <div id="u116" class="ax_default" data-left="41" data-top="52" data-width="318" data-height="17">
  34. <!-- Unnamed (矩形) -->
  35. <div id="u117" class="ax_default box_2">
  36. <div id="u117_div" class=""></div>
  37. </div>
  38. <!-- Unnamed (图片 ) -->
  39. <div id="u118" class="ax_default _图片">
  40. <img id="u118_img" class="img " src="images/通知/u78.png"/>
  41. </div>
  42. </div>
  43. </div>
  44. <!-- Unnamed (组合 ) -->
  45. <div id="u119" class="ax_default" data-left="41" data-top="69" data-width="318" data-height="40">
  46. <!-- Unnamed (矩形) -->
  47. <div id="u120" class="ax_default box_2">
  48. <div id="u120_div" class=""></div>
  49. <div id="u120_text" class="text ">
  50. <p><span>&nbsp;&nbsp; &nbsp;&nbsp; 小程序名称</span></p>
  51. </div>
  52. </div>
  53. <!-- Unnamed (组合 ) -->
  54. <div id="u121" class="ax_default" data-left="299" data-top="76" data-width="50" data-height="26">
  55. <!-- Unnamed (矩形) -->
  56. <div id="u122" class="ax_default box_11">
  57. <div id="u122_div" class=""></div>
  58. </div>
  59. <!-- Unnamed (组合 ) -->
  60. <div id="u123" class="ax_default" data-left="305.37867965644" data-top="85.9644660940672" data-width="14.2426406871193" data-height="7.07106781186548">
  61. <!-- Unnamed (椭圆形) -->
  62. <div id="u124" class="ax_default box_2">
  63. <img id="u124_img" class="img " src="images/公共部分/u124.png"/>
  64. </div>
  65. <!-- Unnamed (椭圆形) -->
  66. <div id="u125" class="ax_default box_2">
  67. <img id="u125_img" class="img " src="images/公共部分/u125.png"/>
  68. </div>
  69. <!-- Unnamed (椭圆形) -->
  70. <div id="u126" class="ax_default box_2">
  71. <img id="u126_img" class="img " src="images/公共部分/u124.png"/>
  72. </div>
  73. </div>
  74. <!-- Unnamed (垂直线) -->
  75. <div id="u127" class="ax_default line">
  76. <img id="u127_img" class="img " src="images/公共部分/u127.png"/>
  77. </div>
  78. <!-- Unnamed (椭圆形) -->
  79. <div id="u128" class="ax_default ellipse">
  80. <img id="u128_img" class="img " src="images/通知/u83.png"/>
  81. </div>
  82. <!-- Unnamed (椭圆形) -->
  83. <div id="u129" class="ax_default ellipse">
  84. <img id="u129_img" class="img " src="images/通知/u84.png"/>
  85. </div>
  86. </div>
  87. <!-- Unnamed (组合 ) -->
  88. <div id="u130" class="ax_default" data-left="49.6360389693211" data-top="81.6360389693211" data-width="12.7279220613579" data-height="12.7279220613579">
  89. <!-- Unnamed (矩形) -->
  90. <div id="u131" class="ax_default box_2">
  91. <div id="u131_div" class=""></div>
  92. </div>
  93. <!-- Unnamed (矩形) -->
  94. <div id="u132" class="ax_default box_2">
  95. <div id="u132_div" class=""></div>
  96. </div>
  97. </div>
  98. </div>
  99. <!-- Unnamed (组合 ) -->
  100. <div id="u133" class="ax_default" data-left="60" data-top="199" data-width="280" data-height="201">
  101. <!-- Unnamed (矩形) -->
  102. <div id="u134" class="ax_default box_1">
  103. <div id="u134_div" class=""></div>
  104. </div>
  105. <!-- Unnamed (矩形) -->
  106. <div id="u135" class="ax_default label">
  107. <div id="u135_div" class=""></div>
  108. <div id="u135_text" class="text ">
  109. <p><span>小程序名称申请获取以下权限:</span></p>
  110. </div>
  111. </div>
  112. <!-- Unnamed (矩形) -->
  113. <div id="u136" class="ax_default label">
  114. <div id="u136_div" class=""></div>
  115. <div id="u136_text" class="text ">
  116. <p><span>微信授权</span></p>
  117. </div>
  118. </div>
  119. <!-- Unnamed (椭圆形) -->
  120. <div id="u137" class="ax_default ellipse">
  121. <img id="u137_img" class="img " src="images/公共部分/u137.png"/>
  122. </div>
  123. <!-- Unnamed (水平线) -->
  124. <div id="u138" class="ax_default line">
  125. <img id="u138_img" class="img " src="images/公共部分/u138.png"/>
  126. </div>
  127. <!-- Unnamed (矩形) -->
  128. <div id="u139" class="ax_default label">
  129. <div id="u139_div" class=""></div>
  130. <div id="u139_text" class="text ">
  131. <p><span>- 获得你的公开信息(昵称、头像等)</span></p>
  132. </div>
  133. </div>
  134. <!-- Unnamed (矩形) -->
  135. <div id="u140" class="ax_default label">
  136. <div id="u140_div" class=""></div>
  137. <div id="u140_text" class="text ">
  138. <p><span>拒绝&nbsp; &nbsp; &nbsp; &nbsp; </span><span style="color:#008000;">允许</span></p>
  139. </div>
  140. </div>
  141. </div>
  142. <!-- Unnamed (组合 ) -->
  143. <div id="u141" class="ax_default" data-left="370" data-top="52" data-width="320" data-height="549">
  144. <!-- Unnamed (矩形) -->
  145. <div id="u142" class="ax_default box_11">
  146. <div id="u142_div" class=""></div>
  147. </div>
  148. <!-- Unnamed (组合 ) -->
  149. <div id="u143" class="ax_default" data-left="371" data-top="53" data-width="318" data-height="17">
  150. <!-- Unnamed (矩形) -->
  151. <div id="u144" class="ax_default box_2">
  152. <div id="u144_div" class=""></div>
  153. </div>
  154. <!-- Unnamed (图片 ) -->
  155. <div id="u145" class="ax_default _图片">
  156. <img id="u145_img" class="img " src="images/通知/u78.png"/>
  157. </div>
  158. </div>
  159. </div>
  160. <!-- Unnamed (组合 ) -->
  161. <div id="u146" class="ax_default" data-left="371" data-top="70" data-width="318" data-height="40">
  162. <!-- Unnamed (矩形) -->
  163. <div id="u147" class="ax_default box_2">
  164. <div id="u147_div" class=""></div>
  165. <div id="u147_text" class="text ">
  166. <p><span>&nbsp;&nbsp; &nbsp;&nbsp; 小程序名称</span></p>
  167. </div>
  168. </div>
  169. <!-- Unnamed (组合 ) -->
  170. <div id="u148" class="ax_default" data-left="629" data-top="77" data-width="50" data-height="26">
  171. <!-- Unnamed (矩形) -->
  172. <div id="u149" class="ax_default box_11">
  173. <div id="u149_div" class=""></div>
  174. </div>
  175. <!-- Unnamed (组合 ) -->
  176. <div id="u150" class="ax_default" data-left="635.37867965644" data-top="86.9644660940672" data-width="14.2426406871191" data-height="7.07106781186542">
  177. <!-- Unnamed (椭圆形) -->
  178. <div id="u151" class="ax_default box_2">
  179. <img id="u151_img" class="img " src="images/公共部分/u124.png"/>
  180. </div>
  181. <!-- Unnamed (椭圆形) -->
  182. <div id="u152" class="ax_default box_2">
  183. <img id="u152_img" class="img " src="images/公共部分/u125.png"/>
  184. </div>
  185. <!-- Unnamed (椭圆形) -->
  186. <div id="u153" class="ax_default box_2">
  187. <img id="u153_img" class="img " src="images/公共部分/u124.png"/>
  188. </div>
  189. </div>
  190. <!-- Unnamed (垂直线) -->
  191. <div id="u154" class="ax_default line">
  192. <img id="u154_img" class="img " src="images/公共部分/u127.png"/>
  193. </div>
  194. <!-- Unnamed (椭圆形) -->
  195. <div id="u155" class="ax_default ellipse">
  196. <img id="u155_img" class="img " src="images/通知/u83.png"/>
  197. </div>
  198. <!-- Unnamed (椭圆形) -->
  199. <div id="u156" class="ax_default ellipse">
  200. <img id="u156_img" class="img " src="images/通知/u84.png"/>
  201. </div>
  202. </div>
  203. <!-- Unnamed (组合 ) -->
  204. <div id="u157" class="ax_default" data-left="379.636038969321" data-top="82.636038969321" data-width="12.7279220613579" data-height="12.7279220613579">
  205. <!-- Unnamed (矩形) -->
  206. <div id="u158" class="ax_default box_2">
  207. <div id="u158_div" class=""></div>
  208. </div>
  209. <!-- Unnamed (矩形) -->
  210. <div id="u159" class="ax_default box_2">
  211. <div id="u159_div" class=""></div>
  212. </div>
  213. </div>
  214. </div>
  215. <!-- Unnamed (组合 ) -->
  216. <div id="u160" class="ax_default" data-left="700" data-top="53" data-width="320" data-height="549">
  217. <!-- Unnamed (矩形) -->
  218. <div id="u161" class="ax_default box_11">
  219. <div id="u161_div" class=""></div>
  220. </div>
  221. <!-- Unnamed (组合 ) -->
  222. <div id="u162" class="ax_default" data-left="701" data-top="54" data-width="318" data-height="17">
  223. <!-- Unnamed (矩形) -->
  224. <div id="u163" class="ax_default box_2">
  225. <div id="u163_div" class=""></div>
  226. </div>
  227. <!-- Unnamed (图片 ) -->
  228. <div id="u164" class="ax_default _图片">
  229. <img id="u164_img" class="img " src="images/通知/u78.png"/>
  230. </div>
  231. </div>
  232. </div>
  233. <!-- Unnamed (组合 ) -->
  234. <div id="u165" class="ax_default" data-left="701" data-top="71" data-width="318" data-height="40">
  235. <!-- Unnamed (矩形) -->
  236. <div id="u166" class="ax_default box_2">
  237. <div id="u166_div" class=""></div>
  238. <div id="u166_text" class="text ">
  239. <p><span>&nbsp;&nbsp; &nbsp;&nbsp; 小程序名称</span></p>
  240. </div>
  241. </div>
  242. <!-- Unnamed (组合 ) -->
  243. <div id="u167" class="ax_default" data-left="959" data-top="78" data-width="50" data-height="26">
  244. <!-- Unnamed (矩形) -->
  245. <div id="u168" class="ax_default box_11">
  246. <div id="u168_div" class=""></div>
  247. </div>
  248. <!-- Unnamed (组合 ) -->
  249. <div id="u169" class="ax_default" data-left="965.37867965644" data-top="87.9644660940673" data-width="14.2426406871192" data-height="7.07106781186531">
  250. <!-- Unnamed (椭圆形) -->
  251. <div id="u170" class="ax_default box_2">
  252. <img id="u170_img" class="img " src="images/公共部分/u124.png"/>
  253. </div>
  254. <!-- Unnamed (椭圆形) -->
  255. <div id="u171" class="ax_default box_2">
  256. <img id="u171_img" class="img " src="images/公共部分/u125.png"/>
  257. </div>
  258. <!-- Unnamed (椭圆形) -->
  259. <div id="u172" class="ax_default box_2">
  260. <img id="u172_img" class="img " src="images/公共部分/u124.png"/>
  261. </div>
  262. </div>
  263. <!-- Unnamed (垂直线) -->
  264. <div id="u173" class="ax_default line">
  265. <img id="u173_img" class="img " src="images/公共部分/u127.png"/>
  266. </div>
  267. <!-- Unnamed (椭圆形) -->
  268. <div id="u174" class="ax_default ellipse">
  269. <img id="u174_img" class="img " src="images/通知/u83.png"/>
  270. </div>
  271. <!-- Unnamed (椭圆形) -->
  272. <div id="u175" class="ax_default ellipse">
  273. <img id="u175_img" class="img " src="images/通知/u84.png"/>
  274. </div>
  275. </div>
  276. <!-- Unnamed (组合 ) -->
  277. <div id="u176" class="ax_default" data-left="709.636038969321" data-top="83.636038969321" data-width="12.727922061358" data-height="12.727922061358">
  278. <!-- Unnamed (矩形) -->
  279. <div id="u177" class="ax_default box_2">
  280. <div id="u177_div" class=""></div>
  281. </div>
  282. <!-- Unnamed (矩形) -->
  283. <div id="u178" class="ax_default box_2">
  284. <div id="u178_div" class=""></div>
  285. </div>
  286. </div>
  287. </div>
  288. <!-- Unnamed (组合 ) -->
  289. <div id="u179" class="ax_default" data-left="820" data-top="127" data-width="81" data-height="20">
  290. <!-- Unnamed (图片 ) -->
  291. <div id="u180" class="ax_default _图片">
  292. <img id="u180_img" class="img " src="images/公共部分/u180.png"/>
  293. </div>
  294. <!-- Unnamed (矩形) -->
  295. <div id="u181" class="ax_default label">
  296. <div id="u181_div" class=""></div>
  297. <div id="u181_text" class="text ">
  298. <p><span>加载中...</span></p>
  299. </div>
  300. </div>
  301. </div>
  302. <!-- Unnamed (组合 ) -->
  303. <div id="u182" class="ax_default" data-left="800" data-top="280" data-width="120" data-height="120">
  304. <!-- Unnamed (矩形) -->
  305. <div id="u183" class="ax_default box_3">
  306. <div id="u183_div" class=""></div>
  307. </div>
  308. <!-- Unnamed (图片 ) -->
  309. <div id="u184" class="ax_default _图片">
  310. <img id="u184_img" class="img " src="images/公共部分/u180.png"/>
  311. </div>
  312. </div>
  313. <!-- Unnamed (组合 ) -->
  314. <div id="u185" class="ax_default" data-left="820" data-top="560" data-width="81" data-height="20">
  315. <!-- Unnamed (图片 ) -->
  316. <div id="u186" class="ax_default _图片">
  317. <img id="u186_img" class="img " src="images/公共部分/u180.png"/>
  318. </div>
  319. <!-- Unnamed (矩形) -->
  320. <div id="u187" class="ax_default label">
  321. <div id="u187_div" class=""></div>
  322. <div id="u187_text" class="text ">
  323. <p><span>加载中...</span></p>
  324. </div>
  325. </div>
  326. </div>
  327. <!-- Unnamed (组合 ) -->
  328. <div id="u188" class="ax_default" data-left="400" data-top="185" data-width="260" data-height="229">
  329. <!-- Unnamed (矩形) -->
  330. <div id="u189" class="ax_default box_2">
  331. <div id="u189_div" class=""></div>
  332. </div>
  333. <!-- Unnamed (矩形) -->
  334. <div id="u190" class="ax_default box_11">
  335. <div id="u190_div" class=""></div>
  336. <div id="u190_text" class="text ">
  337. <p><span>取消</span></p>
  338. </div>
  339. </div>
  340. <!-- Unnamed (矩形) -->
  341. <div id="u191" class="ax_default label">
  342. <div id="u191_div" class=""></div>
  343. <div id="u191_text" class="text ">
  344. <p><span>微信手机号授权</span></p>
  345. </div>
  346. </div>
  347. <!-- Unnamed (矩形) -->
  348. <div id="u192" class="ax_default label">
  349. <div id="u192_div" class=""></div>
  350. <div id="u192_text" class="text ">
  351. <p><span>申请获取你微信绑定的手机号:</span></p>
  352. </div>
  353. </div>
  354. <!-- Unnamed (矩形) -->
  355. <div id="u193" class="ax_default box_11">
  356. <div id="u193_div" class=""></div>
  357. <div id="u193_text" class="text ">
  358. <p><span>确认授权</span></p>
  359. </div>
  360. </div>
  361. <!-- Unnamed (椭圆形) -->
  362. <div id="u194" class="ax_default ellipse">
  363. <img id="u194_img" class="img " src="images/公共部分/u194.png"/>
  364. </div>
  365. <!-- Unnamed (矩形) -->
  366. <div id="u195" class="ax_default label">
  367. <div id="u195_div" class=""></div>
  368. <div id="u195_text" class="text ">
  369. <p><span>小程序名称</span></p>
  370. </div>
  371. </div>
  372. <!-- Unnamed (矩形) -->
  373. <div id="u196" class="ax_default label">
  374. <div id="u196_div" class=""></div>
  375. <div id="u196_text" class="text ">
  376. <p><span>131****1234</span></p>
  377. </div>
  378. </div>
  379. </div>
  380. <!-- Unnamed (矩形) -->
  381. <div id="u197" class="ax_default sticky_3">
  382. <div id="u197_div" class=""></div>
  383. <div id="u197_text" class="text ">
  384. <p><span>弹层图可链接内容包括内部文章 、视频、直播、杂志及外部URL</span></p>
  385. </div>
  386. </div>
  387. <!-- Unnamed (矩形) -->
  388. <div id="u198" class="ax_default sticky_3">
  389. <div id="u198_div" class=""></div>
  390. <div id="u198_text" class="text ">
  391. <p><span>喜欢、点赞、评论、回复、分享功能在操作前需要先判断用户是否已授权</span></p>
  392. </div>
  393. </div>
  394. <!-- Unnamed (矩形) -->
  395. <div id="u199" class="ax_default sticky_3">
  396. <div id="u199_div" class=""></div>
  397. <div id="u199_text" class="text ">
  398. <p style="font-size:13px;"><span>1、直播提醒功能中,</span><span style="font-size:14px;">点击提醒我后需要用户先绑定手机号码,绑定后才可以设置提醒</span></p><p style="font-size:13px;"><span>2、小刊中用户购买阅读、使用兑换码或参与免费阅读活动前需先绑定手机号</span></p>
  399. </div>
  400. </div>
  401. <!-- Unnamed (图片 ) -->
  402. <div id="u200" class="ax_default _图片_">
  403. <img id="u200_img" class="img " src="images/公共部分/u200.png"/>
  404. </div>
  405. <!-- Unnamed (图片 ) -->
  406. <div id="u201" class="ax_default _图片_">
  407. <img id="u201_img" class="img " src="images/公共部分/u200.png"/>
  408. </div>
  409. <!-- Unnamed (矩形) -->
  410. <div id="u202" class="ax_default label">
  411. <div id="u202_div" class=""></div>
  412. <div id="u202_text" class="text ">
  413. <p><span>绑定手机后才可以使用 公众号名称 服务</span></p>
  414. </div>
  415. </div>
  416. <!-- Unnamed (矩形) -->
  417. <div id="u203" class="ax_default label">
  418. <div id="u203_div" class=""></div>
  419. <div id="u203_text" class="text ">
  420. <p><span>授权绑定</span></p>
  421. </div>
  422. </div>
  423. <!-- Unnamed (矩形) -->
  424. <div id="u204" class="ax_default label">
  425. <div id="u204_div" class=""></div>
  426. <div id="u204_text" class="text ">
  427. <p><span>授权登录</span></p>
  428. </div>
  429. </div>
  430. <!-- Unnamed (矩形) -->
  431. <div id="u205" class="ax_default label">
  432. <div id="u205_div" class=""></div>
  433. <div id="u205_text" class="text ">
  434. <p><span>授权绑定手机号</span></p>
  435. </div>
  436. </div>
  437. <!-- Unnamed (图片 ) -->
  438. <div id="u206" class="ax_default _图片_">
  439. <img id="u206_img" class="img " src="images/公共部分/u206.png"/>
  440. </div>
  441. <!-- Unnamed (矩形) -->
  442. <div id="u207" class="ax_default label">
  443. <div id="u207_div" class=""></div>
  444. <div id="u207_text" class="text ">
  445. <p><span>为空页面</span></p>
  446. </div>
  447. </div>
  448. <!-- Unnamed (图片 ) -->
  449. <div id="u208" class="ax_default _图片_">
  450. <img id="u208_img" class="img " src="images/公共部分/u208.png"/>
  451. </div>
  452. <!-- Unnamed (矩形) -->
  453. <div id="u209" class="ax_default label">
  454. <div id="u209_div" class=""></div>
  455. <div id="u209_text" class="text ">
  456. <p><span>默认图</span></p>
  457. </div>
  458. </div>
  459. <!-- Unnamed (图片 ) -->
  460. <div id="u210" class="ax_default _图片_">
  461. <img id="u210_img" class="img " src="images/公共部分/u210.png"/>
  462. </div>
  463. <!-- Unnamed (矩形) -->
  464. <div id="u211" class="ax_default sticky_3">
  465. <div id="u211_div" class=""></div>
  466. <div id="u211_text" class="text ">
  467. <p><span>图片没加载完成时显示的默认底图</span></p>
  468. </div>
  469. </div>
  470. <!-- Unnamed (图片 ) -->
  471. <div id="u212" class="ax_default _图片_">
  472. <img id="u212_img" class="img " src="images/公共部分/u212.png"/>
  473. </div>
  474. <!-- Unnamed (矩形) -->
  475. <div id="u213" class="ax_default label">
  476. <div id="u213_div" class=""></div>
  477. <div id="u213_text" class="text ">
  478. <p><span>弹层图</span></p>
  479. </div>
  480. </div>
  481. </div>
  482. </body>
  483. </html>