选择预付款.html 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942
  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. <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
  8. <link href="data/styles.css" type="text/css" rel="stylesheet"/>
  9. <link href="files/选择预付款/styles.css" type="text/css" rel="stylesheet"/>
  10. <script src="resources/scripts/jquery-3.2.1.min.js"></script>
  11. <script src="resources/scripts/axure/axQuery.js"></script>
  12. <script src="resources/scripts/axure/globals.js"></script>
  13. <script src="resources/scripts/axutils.js"></script>
  14. <script src="resources/scripts/axure/annotation.js"></script>
  15. <script src="resources/scripts/axure/axQuery.std.js"></script>
  16. <script src="resources/scripts/axure/doc.js"></script>
  17. <script src="resources/scripts/messagecenter.js"></script>
  18. <script src="resources/scripts/axure/events.js"></script>
  19. <script src="resources/scripts/axure/recording.js"></script>
  20. <script src="resources/scripts/axure/action.js"></script>
  21. <script src="resources/scripts/axure/expr.js"></script>
  22. <script src="resources/scripts/axure/geometry.js"></script>
  23. <script src="resources/scripts/axure/flyout.js"></script>
  24. <script src="resources/scripts/axure/model.js"></script>
  25. <script src="resources/scripts/axure/repeater.js"></script>
  26. <script src="resources/scripts/axure/sto.js"></script>
  27. <script src="resources/scripts/axure/utils.temp.js"></script>
  28. <script src="resources/scripts/axure/variables.js"></script>
  29. <script src="resources/scripts/axure/drag.js"></script>
  30. <script src="resources/scripts/axure/move.js"></script>
  31. <script src="resources/scripts/axure/visibility.js"></script>
  32. <script src="resources/scripts/axure/style.js"></script>
  33. <script src="resources/scripts/axure/adaptive.js"></script>
  34. <script src="resources/scripts/axure/tree.js"></script>
  35. <script src="resources/scripts/axure/init.temp.js"></script>
  36. <script src="resources/scripts/axure/legacy.js"></script>
  37. <script src="resources/scripts/axure/viewer.js"></script>
  38. <script src="resources/scripts/axure/math.js"></script>
  39. <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
  40. <script src="data/document.js"></script>
  41. <script src="files/选择预付款/data.js"></script>
  42. <script type="text/javascript">
  43. $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
  44. $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
  45. $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
  46. </script>
  47. </head>
  48. <body>
  49. <div id="base" class="">
  50. <!-- Unnamed (Image) -->
  51. <div id="u209264" class="ax_default image1">
  52. <img id="u209264_img" class="img " src="images/选择预付款/u209264.png"/>
  53. <div id="u209264_text" class="text " style="display:none; visibility: hidden">
  54. <p></p>
  55. </div>
  56. </div>
  57. <!-- Unnamed (小程序) -->
  58. <!-- Unnamed (Image) -->
  59. <div id="u209266" class="ax_default image1">
  60. <img id="u209266_img" class="img " src="images/收费设置/u146530.png"/>
  61. <div id="u209266_text" class="text " style="display:none; visibility: hidden">
  62. <p></p>
  63. </div>
  64. </div>
  65. <!-- Unnamed (Rectangle) -->
  66. <div id="u209267" class="ax_default box_1">
  67. <div id="u209267_div" class=""></div>
  68. <div id="u209267_text" class="text " style="display:none; visibility: hidden">
  69. <p></p>
  70. </div>
  71. </div>
  72. <!-- Unnamed (Group) -->
  73. <div id="u209268" class="ax_default" data-left="762" data-top="71" data-width="88" data-height="32">
  74. <!-- Unnamed (Rectangle) -->
  75. <div id="u209269" class="ax_default box_1">
  76. <div id="u209269_div" class=""></div>
  77. <div id="u209269_text" class="text " style="display:none; visibility: hidden">
  78. <p></p>
  79. </div>
  80. </div>
  81. <!-- Unnamed (Group) -->
  82. <div id="u209270" class="ax_default" data-left="825" data-top="78" data-width="18" data-height="18">
  83. <!-- Unnamed (Ellipse) -->
  84. <div id="u209271" class="ax_default ellipse">
  85. <img id="u209271_img" class="img " src="images/收费设置/u146535.svg"/>
  86. <div id="u209271_text" class="text " style="display:none; visibility: hidden">
  87. <p></p>
  88. </div>
  89. </div>
  90. <!-- Unnamed (Ellipse) -->
  91. <div id="u209272" class="ax_default ellipse">
  92. <img id="u209272_img" class="img " src="images/收费设置/u146536.svg"/>
  93. <div id="u209272_text" class="text " style="display:none; visibility: hidden">
  94. <p></p>
  95. </div>
  96. </div>
  97. </div>
  98. <!-- Unnamed (Group) -->
  99. <div id="u209273" class="ax_default" data-left="776" data-top="84" data-width="21" data-height="7">
  100. <!-- Unnamed (Ellipse) -->
  101. <div id="u209274" class="ax_default ellipse">
  102. <img id="u209274_img" class="img " src="images/收费设置/u146538.svg"/>
  103. <div id="u209274_text" class="text " style="display:none; visibility: hidden">
  104. <p></p>
  105. </div>
  106. </div>
  107. <!-- Unnamed (Ellipse) -->
  108. <div id="u209275" class="ax_default ellipse">
  109. <img id="u209275_img" class="img " src="images/收费设置/u146538.svg"/>
  110. <div id="u209275_text" class="text " style="display:none; visibility: hidden">
  111. <p></p>
  112. </div>
  113. </div>
  114. <!-- Unnamed (Ellipse) -->
  115. <div id="u209276" class="ax_default ellipse">
  116. <img id="u209276_img" class="img " src="images/收费设置/u146540.svg"/>
  117. <div id="u209276_text" class="text " style="display:none; visibility: hidden">
  118. <p></p>
  119. </div>
  120. </div>
  121. </div>
  122. <!-- Unnamed (Line) -->
  123. <div id="u209277" class="ax_default _线段">
  124. <img id="u209277_img" class="img " src="images/收费设置/u146541.svg"/>
  125. <div id="u209277_text" class="text " style="display:none; visibility: hidden">
  126. <p></p>
  127. </div>
  128. </div>
  129. </div>
  130. <!-- Unnamed (Image) -->
  131. <div id="u209278" class="ax_default image1">
  132. <img id="u209278_img" class="img " src="images/收费设置/u146542.png"/>
  133. <div id="u209278_text" class="text " style="display:none; visibility: hidden">
  134. <p></p>
  135. </div>
  136. </div>
  137. <!-- Unnamed (Rectangle) -->
  138. <div id="u209279" class="ax_default box_1">
  139. <div id="u209279_div" class=""></div>
  140. <div id="u209279_text" class="text " style="display:none; visibility: hidden">
  141. <p></p>
  142. </div>
  143. </div>
  144. <!-- Unnamed (Group) -->
  145. <div id="u209280" class="ax_default" data-left="522" data-top="792" data-width="25" data-height="42">
  146. <!-- Unnamed (Ellipse) -->
  147. <div id="u209281" class="ax_default ellipse">
  148. <img id="u209281_img" class="img " src="images/收费设置/u146545.svg"/>
  149. <div id="u209281_text" class="text ">
  150. <p><span>icon</span></p>
  151. </div>
  152. </div>
  153. <!-- Unnamed (Rectangle) -->
  154. <div id="u209282" class="ax_default label">
  155. <div id="u209282_div" class=""></div>
  156. <div id="u209282_text" class="text ">
  157. <p><span>主页</span></p>
  158. </div>
  159. </div>
  160. </div>
  161. <!-- Unnamed (Group) -->
  162. <div id="u209283" class="ax_default" data-left="792" data-top="794" data-width="25" data-height="42">
  163. <!-- Unnamed (Ellipse) -->
  164. <div id="u209284" class="ax_default ellipse">
  165. <img id="u209284_img" class="img " src="images/收费设置/u146545.svg"/>
  166. <div id="u209284_text" class="text ">
  167. <p><span>icon</span></p>
  168. </div>
  169. </div>
  170. <!-- Unnamed (Rectangle) -->
  171. <div id="u209285" class="ax_default label">
  172. <div id="u209285_div" class=""></div>
  173. <div id="u209285_text" class="text ">
  174. <p><span>我的</span></p>
  175. </div>
  176. </div>
  177. </div>
  178. <!-- Unnamed (Rectangle) -->
  179. <div id="u209286" class="ax_default box_2">
  180. <div id="u209286_div" class=""></div>
  181. <div id="u209286_text" class="text " style="display:none; visibility: hidden">
  182. <p></p>
  183. </div>
  184. </div>
  185. <!-- Unnamed (Group) -->
  186. <div id="u209287" class="ax_default" data-left="698" data-top="792" data-width="37" data-height="42">
  187. <!-- Unnamed (Ellipse) -->
  188. <div id="u209288" class="ax_default ellipse">
  189. <img id="u209288_img" class="img " src="images/收费设置/u146545.svg"/>
  190. <div id="u209288_text" class="text ">
  191. <p><span>icon</span></p>
  192. </div>
  193. </div>
  194. <!-- Unnamed (Rectangle) -->
  195. <div id="u209289" class="ax_default label">
  196. <div id="u209289_div" class=""></div>
  197. <div id="u209289_text" class="text ">
  198. <p><span>工作台</span></p>
  199. </div>
  200. </div>
  201. </div>
  202. <!-- Unnamed (Group) -->
  203. <div id="u209290" class="ax_default" data-left="604" data-top="792" data-width="37" data-height="42">
  204. <!-- Unnamed (Ellipse) -->
  205. <div id="u209291" class="ax_default ellipse">
  206. <img id="u209291_img" class="img " src="images/收费设置/u146545.svg"/>
  207. <div id="u209291_text" class="text ">
  208. <p><span>icon</span></p>
  209. </div>
  210. </div>
  211. <!-- Unnamed (Rectangle) -->
  212. <div id="u209292" class="ax_default label">
  213. <div id="u209292_div" class=""></div>
  214. <div id="u209292_text" class="text ">
  215. <p><span>随手拍</span></p>
  216. </div>
  217. </div>
  218. </div>
  219. <div id="u209265" style="display:none; visibility:hidden;"></div>
  220. <!-- Unnamed (Image) -->
  221. <div id="u209293" class="ax_default image1">
  222. <img id="u209293_img" class="img " src="images/收费设置/u146557.png"/>
  223. <div id="u209293_text" class="text " style="display:none; visibility: hidden">
  224. <p></p>
  225. </div>
  226. </div>
  227. <!-- Unnamed (小程序) -->
  228. <!-- Unnamed (Image) -->
  229. <div id="u209295" class="ax_default image1">
  230. <img id="u209295_img" class="img " src="images/收费设置/u146530.png"/>
  231. <div id="u209295_text" class="text " style="display:none; visibility: hidden">
  232. <p></p>
  233. </div>
  234. </div>
  235. <!-- Unnamed (Rectangle) -->
  236. <div id="u209296" class="ax_default box_1">
  237. <div id="u209296_div" class=""></div>
  238. <div id="u209296_text" class="text " style="display:none; visibility: hidden">
  239. <p></p>
  240. </div>
  241. </div>
  242. <!-- Unnamed (Group) -->
  243. <div id="u209297" class="ax_default" data-left="309" data-top="71" data-width="88" data-height="32">
  244. <!-- Unnamed (Rectangle) -->
  245. <div id="u209298" class="ax_default box_1">
  246. <div id="u209298_div" class=""></div>
  247. <div id="u209298_text" class="text " style="display:none; visibility: hidden">
  248. <p></p>
  249. </div>
  250. </div>
  251. <!-- Unnamed (Group) -->
  252. <div id="u209299" class="ax_default" data-left="372" data-top="78" data-width="18" data-height="18">
  253. <!-- Unnamed (Ellipse) -->
  254. <div id="u209300" class="ax_default ellipse">
  255. <img id="u209300_img" class="img " src="images/收费设置/u146535.svg"/>
  256. <div id="u209300_text" class="text " style="display:none; visibility: hidden">
  257. <p></p>
  258. </div>
  259. </div>
  260. <!-- Unnamed (Ellipse) -->
  261. <div id="u209301" class="ax_default ellipse">
  262. <img id="u209301_img" class="img " src="images/收费设置/u146536.svg"/>
  263. <div id="u209301_text" class="text " style="display:none; visibility: hidden">
  264. <p></p>
  265. </div>
  266. </div>
  267. </div>
  268. <!-- Unnamed (Group) -->
  269. <div id="u209302" class="ax_default" data-left="323" data-top="84" data-width="21" data-height="7">
  270. <!-- Unnamed (Ellipse) -->
  271. <div id="u209303" class="ax_default ellipse">
  272. <img id="u209303_img" class="img " src="images/收费设置/u146538.svg"/>
  273. <div id="u209303_text" class="text " style="display:none; visibility: hidden">
  274. <p></p>
  275. </div>
  276. </div>
  277. <!-- Unnamed (Ellipse) -->
  278. <div id="u209304" class="ax_default ellipse">
  279. <img id="u209304_img" class="img " src="images/收费设置/u146538.svg"/>
  280. <div id="u209304_text" class="text " style="display:none; visibility: hidden">
  281. <p></p>
  282. </div>
  283. </div>
  284. <!-- Unnamed (Ellipse) -->
  285. <div id="u209305" class="ax_default ellipse">
  286. <img id="u209305_img" class="img " src="images/收费设置/u146540.svg"/>
  287. <div id="u209305_text" class="text " style="display:none; visibility: hidden">
  288. <p></p>
  289. </div>
  290. </div>
  291. </div>
  292. <!-- Unnamed (Line) -->
  293. <div id="u209306" class="ax_default _线段">
  294. <img id="u209306_img" class="img " src="images/收费设置/u146541.svg"/>
  295. <div id="u209306_text" class="text " style="display:none; visibility: hidden">
  296. <p></p>
  297. </div>
  298. </div>
  299. </div>
  300. <!-- Unnamed (Image) -->
  301. <div id="u209307" class="ax_default image1">
  302. <img id="u209307_img" class="img " src="images/收费设置/u146542.png"/>
  303. <div id="u209307_text" class="text " style="display:none; visibility: hidden">
  304. <p></p>
  305. </div>
  306. </div>
  307. <!-- Unnamed (Rectangle) -->
  308. <div id="u209308" class="ax_default box_1">
  309. <div id="u209308_div" class=""></div>
  310. <div id="u209308_text" class="text " style="display:none; visibility: hidden">
  311. <p></p>
  312. </div>
  313. </div>
  314. <!-- Unnamed (Group) -->
  315. <div id="u209309" class="ax_default" data-left="69" data-top="792" data-width="25" data-height="42">
  316. <!-- Unnamed (Ellipse) -->
  317. <div id="u209310" class="ax_default ellipse">
  318. <img id="u209310_img" class="img " src="images/收费设置/u146545.svg"/>
  319. <div id="u209310_text" class="text ">
  320. <p><span>icon</span></p>
  321. </div>
  322. </div>
  323. <!-- Unnamed (Rectangle) -->
  324. <div id="u209311" class="ax_default label">
  325. <div id="u209311_div" class=""></div>
  326. <div id="u209311_text" class="text ">
  327. <p><span>主页</span></p>
  328. </div>
  329. </div>
  330. </div>
  331. <!-- Unnamed (Group) -->
  332. <div id="u209312" class="ax_default" data-left="339" data-top="794" data-width="25" data-height="42">
  333. <!-- Unnamed (Ellipse) -->
  334. <div id="u209313" class="ax_default ellipse">
  335. <img id="u209313_img" class="img " src="images/收费设置/u146545.svg"/>
  336. <div id="u209313_text" class="text ">
  337. <p><span>icon</span></p>
  338. </div>
  339. </div>
  340. <!-- Unnamed (Rectangle) -->
  341. <div id="u209314" class="ax_default label">
  342. <div id="u209314_div" class=""></div>
  343. <div id="u209314_text" class="text ">
  344. <p><span>我的</span></p>
  345. </div>
  346. </div>
  347. </div>
  348. <!-- Unnamed (Rectangle) -->
  349. <div id="u209315" class="ax_default box_2">
  350. <div id="u209315_div" class=""></div>
  351. <div id="u209315_text" class="text " style="display:none; visibility: hidden">
  352. <p></p>
  353. </div>
  354. </div>
  355. <!-- Unnamed (Group) -->
  356. <div id="u209316" class="ax_default" data-left="245" data-top="792" data-width="37" data-height="42">
  357. <!-- Unnamed (Ellipse) -->
  358. <div id="u209317" class="ax_default ellipse">
  359. <img id="u209317_img" class="img " src="images/收费设置/u146545.svg"/>
  360. <div id="u209317_text" class="text ">
  361. <p><span>icon</span></p>
  362. </div>
  363. </div>
  364. <!-- Unnamed (Rectangle) -->
  365. <div id="u209318" class="ax_default label">
  366. <div id="u209318_div" class=""></div>
  367. <div id="u209318_text" class="text ">
  368. <p><span>工作台</span></p>
  369. </div>
  370. </div>
  371. </div>
  372. <!-- Unnamed (Group) -->
  373. <div id="u209319" class="ax_default" data-left="151" data-top="792" data-width="37" data-height="42">
  374. <!-- Unnamed (Ellipse) -->
  375. <div id="u209320" class="ax_default ellipse">
  376. <img id="u209320_img" class="img " src="images/收费设置/u146545.svg"/>
  377. <div id="u209320_text" class="text ">
  378. <p><span>icon</span></p>
  379. </div>
  380. </div>
  381. <!-- Unnamed (Rectangle) -->
  382. <div id="u209321" class="ax_default label">
  383. <div id="u209321_div" class=""></div>
  384. <div id="u209321_text" class="text ">
  385. <p><span>随手拍</span></p>
  386. </div>
  387. </div>
  388. </div>
  389. <div id="u209294" style="display:none; visibility:hidden;"></div>
  390. <!-- Unnamed (Rectangle) -->
  391. <div id="u209322" class="ax_default box_1">
  392. <div id="u209322_div" class=""></div>
  393. <div id="u209322_text" class="text " style="display:none; visibility: hidden">
  394. <p></p>
  395. </div>
  396. </div>
  397. <!-- Unnamed (Rectangle) -->
  398. <div id="u209323" class="ax_default box_1">
  399. <div id="u209323_div" class=""></div>
  400. <div id="u209323_text" class="text " style="display:none; visibility: hidden">
  401. <p></p>
  402. </div>
  403. </div>
  404. <!-- Unnamed (Rectangle) -->
  405. <div id="u209324" class="ax_default box_1">
  406. <div id="u209324_div" class=""></div>
  407. <div id="u209324_text" class="text ">
  408. <p><span>¥30</span></p>
  409. </div>
  410. </div>
  411. <!-- Unnamed (Rectangle) -->
  412. <div id="u209325" class="ax_default heading_2">
  413. <div id="u209325_div" class=""></div>
  414. <div id="u209325_text" class="text ">
  415. <p><span>¥20.00</span><span style="color:#D7D7D7;">|</span></p>
  416. </div>
  417. </div>
  418. <!-- Unnamed (Rectangle) -->
  419. <div id="u209326" class="ax_default box_1">
  420. <div id="u209326_div" class=""></div>
  421. <div id="u209326_text" class="text ">
  422. <p><span>¥20</span></p>
  423. </div>
  424. </div>
  425. <!-- Unnamed (Rectangle) -->
  426. <div id="u209327" class="ax_default box_1">
  427. <div id="u209327_div" class=""></div>
  428. <div id="u209327_text" class="text ">
  429. <p><span>¥50</span></p>
  430. </div>
  431. </div>
  432. <!-- Unnamed (Rectangle) -->
  433. <div id="u209328" class="ax_default box_1">
  434. <div id="u209328_div" class=""></div>
  435. <div id="u209328_text" class="text ">
  436. <p><span>¥100</span></p>
  437. </div>
  438. </div>
  439. <!-- Unnamed (Rectangle) -->
  440. <div id="u209329" class="ax_default box_1">
  441. <div id="u209329_div" class=""></div>
  442. <div id="u209329_text" class="text ">
  443. <p><span>¥150</span></p>
  444. </div>
  445. </div>
  446. <!-- Unnamed (Rectangle) -->
  447. <div id="u209330" class="ax_default box_1">
  448. <div id="u209330_div" class=""></div>
  449. <div id="u209330_text" class="text ">
  450. <p><span>¥80</span></p>
  451. </div>
  452. </div>
  453. <!-- Unnamed (Rectangle) -->
  454. <div id="u209331" class="ax_default heading_2">
  455. <div id="u209331_div" class=""></div>
  456. <div id="u209331_text" class="text ">
  457. <p><span style="color:#7F7F7F;">预付金额</span><span style="color:#F59A23;">(充电结束后的剩余金额将实时返回钱包)</span></p>
  458. </div>
  459. </div>
  460. <!-- Unnamed (Group) -->
  461. <div id="u209332" class="ax_default" data-left="46" data-top="417" data-width="135" data-height="20">
  462. <!-- Unnamed (Rectangle) -->
  463. <div id="u209333" class="ax_default heading_2">
  464. <div id="u209333_div" class=""></div>
  465. <div id="u209333_text" class="text ">
  466. <p><span style="color:#555555;">钱包余额</span><span style="color:#F59A23;">32.00</span><span style="color:#555555;">元</span></p>
  467. </div>
  468. </div>
  469. <!-- Unnamed (Placeholder) -->
  470. <div id="u209334" class="ax_default placeholder">
  471. <img id="u209334_img" class="img " src="images/选择预付款/u209334.svg"/>
  472. <div id="u209334_text" class="text " style="display:none; visibility: hidden">
  473. <p></p>
  474. </div>
  475. </div>
  476. </div>
  477. <!-- Unnamed (Rectangle) -->
  478. <div id="u209335" class="ax_default paragraph">
  479. <div id="u209335_div" class=""></div>
  480. <div id="u209335_text" class="text ">
  481. <p><span>预付金额</span></p>
  482. </div>
  483. </div>
  484. <!-- Unnamed (Shape) -->
  485. <div id="u209336" class="ax_default icon1">
  486. <img id="u209336_img" class="img " src="images/轨迹查询/u46980.svg"/>
  487. <div id="u209336_text" class="text " style="display:none; visibility: hidden">
  488. <p></p>
  489. </div>
  490. </div>
  491. <!-- Unnamed (Rectangle) -->
  492. <div id="u209337" class="ax_default box_1">
  493. <div id="u209337_div" class=""></div>
  494. <div id="u209337_text" class="text ">
  495. <p><span>确定</span></p>
  496. </div>
  497. </div>
  498. <!-- Unnamed (Rectangle) -->
  499. <div id="u209338" class="ax_default box_1">
  500. <div id="u209338_div" class=""></div>
  501. <div id="u209338_text" class="text " style="display:none; visibility: hidden">
  502. <p></p>
  503. </div>
  504. </div>
  505. <!-- Unnamed (Rectangle) -->
  506. <div id="u209339" class="ax_default box_1">
  507. <div id="u209339_div" class=""></div>
  508. <div id="u209339_text" class="text ">
  509. <p><span>¥30</span></p>
  510. </div>
  511. </div>
  512. <!-- Unnamed (Rectangle) -->
  513. <div id="u209340" class="ax_default heading_2">
  514. <div id="u209340_div" class=""></div>
  515. <div id="u209340_text" class="text ">
  516. <p><span>¥100.00</span><span style="color:#D7D7D7;">|</span></p>
  517. </div>
  518. </div>
  519. <!-- Unnamed (Rectangle) -->
  520. <div id="u209341" class="ax_default box_1">
  521. <div id="u209341_div" class=""></div>
  522. <div id="u209341_text" class="text ">
  523. <p><span>¥50</span></p>
  524. </div>
  525. </div>
  526. <!-- Unnamed (Rectangle) -->
  527. <div id="u209342" class="ax_default box_1">
  528. <div id="u209342_div" class=""></div>
  529. <div id="u209342_text" class="text ">
  530. <p><span>¥100</span></p>
  531. </div>
  532. </div>
  533. <!-- Unnamed (Rectangle) -->
  534. <div id="u209343" class="ax_default box_1">
  535. <div id="u209343_div" class=""></div>
  536. <div id="u209343_text" class="text ">
  537. <p><span>¥150</span></p>
  538. </div>
  539. </div>
  540. <!-- Unnamed (Rectangle) -->
  541. <div id="u209344" class="ax_default box_1">
  542. <div id="u209344_div" class=""></div>
  543. <div id="u209344_text" class="text ">
  544. <p><span>¥80</span></p>
  545. </div>
  546. </div>
  547. <!-- Unnamed (Rectangle) -->
  548. <div id="u209345" class="ax_default heading_2">
  549. <div id="u209345_div" class=""></div>
  550. <div id="u209345_text" class="text ">
  551. <p><span style="color:#7F7F7F;">预付金额</span><span style="color:#F59A23;">(充电结束后的剩余金额将实时返回钱包)</span></p>
  552. </div>
  553. </div>
  554. <!-- Unnamed (Rectangle) -->
  555. <div id="u209346" class="ax_default paragraph">
  556. <div id="u209346_div" class=""></div>
  557. <div id="u209346_text" class="text ">
  558. <p><span>预付金额</span></p>
  559. </div>
  560. </div>
  561. <!-- Unnamed (Shape) -->
  562. <div id="u209347" class="ax_default icon1">
  563. <img id="u209347_img" class="img " src="images/轨迹查询/u46980.svg"/>
  564. <div id="u209347_text" class="text " style="display:none; visibility: hidden">
  565. <p></p>
  566. </div>
  567. </div>
  568. <!-- Unnamed (Rectangle) -->
  569. <div id="u209348" class="ax_default box_1">
  570. <div id="u209348_div" class=""></div>
  571. <div id="u209348_text" class="text ">
  572. <p><span>确定并直接充值100.00元</span></p>
  573. </div>
  574. </div>
  575. <!-- Unnamed (Rectangle) -->
  576. <div id="u209349" class="ax_default box_1">
  577. <div id="u209349_div" class=""></div>
  578. <div id="u209349_text" class="text ">
  579. <p><span>¥20</span></p>
  580. </div>
  581. </div>
  582. <!-- Unnamed (Group) -->
  583. <div id="u209350" class="ax_default" data-left="499" data-top="417" data-width="201" data-height="20">
  584. <!-- Unnamed (Rectangle) -->
  585. <div id="u209351" class="ax_default heading_2">
  586. <div id="u209351_div" class=""></div>
  587. <div id="u209351_text" class="text ">
  588. <p><span style="color:#555555;">钱包余额</span><span style="color:#F59A23;">32.00</span><span style="color:#555555;">元</span></p>
  589. </div>
  590. </div>
  591. <!-- Unnamed (Placeholder) -->
  592. <div id="u209352" class="ax_default placeholder">
  593. <img id="u209352_img" class="img " src="images/选择预付款/u209352.svg"/>
  594. <div id="u209352_text" class="text " style="display:none; visibility: hidden">
  595. <p></p>
  596. </div>
  597. </div>
  598. <!-- Unnamed (Rectangle) -->
  599. <div id="u209353" class="ax_default heading_2">
  600. <div id="u209353_div" class=""></div>
  601. <div id="u209353_text" class="text ">
  602. <p><span>余额不足</span></p>
  603. </div>
  604. </div>
  605. </div>
  606. <!-- Unnamed (Checkbox) -->
  607. <div id="u209354" class="ax_default checkbox selected">
  608. <label id="u209354_input_label" for="u209354_input" style="position: absolute; left: 0px;">
  609. <img id="u209354_img" class="img " src="images/选择预付款/u209354_selected.svg"/>
  610. <div id="u209354_text" class="text ">
  611. <p><span>我已阅读并同意《</span><span style="color:#1890FF;">智慧平台用户充值协议</span><span>》</span></p>
  612. </div>
  613. </label>
  614. <input id="u209354_input" type="checkbox" value="checkbox" checked/>
  615. </div>
  616. <!-- Unnamed (Group) -->
  617. <div id="u209355" class="ax_default" data-left="945" data-top="25" data-width="375" data-height="815">
  618. <!-- Unnamed (Rectangle) -->
  619. <div id="u209356" class="ax_default box_2">
  620. <div id="u209356_div" class=""></div>
  621. <div id="u209356_text" class="text " style="display:none; visibility: hidden">
  622. <p></p>
  623. </div>
  624. </div>
  625. <!-- Unnamed (Rectangle) -->
  626. <div id="u209357" class="ax_default box_2">
  627. <div id="u209357_div" class=""></div>
  628. <div id="u209357_text" class="text " style="display:none; visibility: hidden">
  629. <p></p>
  630. </div>
  631. </div>
  632. <!-- Unnamed (Rectangle) -->
  633. <div id="u209358" class="ax_default box_1">
  634. <div id="u209358_div" class=""></div>
  635. <div id="u209358_text" class="text ">
  636. <p><span>微信支付</span></p>
  637. </div>
  638. </div>
  639. <!-- Unnamed (Rectangle) -->
  640. <div id="u209359" class="ax_default box_1">
  641. <div id="u209359_div" class=""></div>
  642. <div id="u209359_text" class="text ">
  643. <p><span>请选择支付方式</span></p>
  644. </div>
  645. </div>
  646. <!-- Unnamed (Rectangle) -->
  647. <div id="u209360" class="ax_default box_2">
  648. <div id="u209360_div" class=""></div>
  649. <div id="u209360_text" class="text ">
  650. <p><span>取消</span></p>
  651. </div>
  652. </div>
  653. <!-- Unnamed (Ellipse) -->
  654. <div id="u209361" class="ax_default ellipse">
  655. <img id="u209361_img" class="img " src="images/选择预付款/u209361.svg"/>
  656. <div id="u209361_text" class="text ">
  657. <p><span>ico</span></p>
  658. </div>
  659. </div>
  660. <!-- Unnamed (Group) -->
  661. <div id="u209362" class="ax_default" data-left="977" data-top="391" data-width="312" data-height="198">
  662. <!-- Unnamed (Rectangle) -->
  663. <div id="u209363" class="ax_default box_1">
  664. <div id="u209363_div" class=""></div>
  665. <div id="u209363_text" class="text " style="display:none; visibility: hidden">
  666. <p></p>
  667. </div>
  668. </div>
  669. <!-- Unnamed (Rectangle) -->
  670. <div id="u209364" class="ax_default heading_2">
  671. <div id="u209364_div" class=""></div>
  672. <div id="u209364_text" class="text ">
  673. <p><span>温馨提示</span></p>
  674. </div>
  675. </div>
  676. <!-- Unnamed (Rectangle) -->
  677. <div id="u209365" class="ax_default heading_2">
  678. <div id="u209365_div" class=""></div>
  679. <div id="u209365_text" class="text ">
  680. <p><span>充值失败</span></p>
  681. </div>
  682. </div>
  683. <!-- Unnamed (Rectangle) -->
  684. <div id="u209366" class="ax_default heading_2">
  685. <div id="u209366_div" class=""></div>
  686. <div id="u209366_text" class="text ">
  687. <p><span>确定</span></p>
  688. </div>
  689. </div>
  690. <!-- Unnamed (Line) -->
  691. <div id="u209367" class="ax_default line1">
  692. <img id="u209367_img" class="img " src="images/选择预付款/u209367.svg"/>
  693. <div id="u209367_text" class="text " style="display:none; visibility: hidden">
  694. <p></p>
  695. </div>
  696. </div>
  697. </div>
  698. <!-- Unnamed (Group) -->
  699. <div id="u209368" class="ax_default" data-left="977" data-top="158" data-width="312" data-height="198">
  700. <!-- Unnamed (Rectangle) -->
  701. <div id="u209369" class="ax_default box_1">
  702. <div id="u209369_div" class=""></div>
  703. <div id="u209369_text" class="text " style="display:none; visibility: hidden">
  704. <p></p>
  705. </div>
  706. </div>
  707. <!-- Unnamed (Rectangle) -->
  708. <div id="u209370" class="ax_default heading_2">
  709. <div id="u209370_div" class=""></div>
  710. <div id="u209370_text" class="text ">
  711. <p><span>温馨提示</span></p>
  712. </div>
  713. </div>
  714. <!-- Unnamed (Rectangle) -->
  715. <div id="u209371" class="ax_default heading_2">
  716. <div id="u209371_div" class=""></div>
  717. <div id="u209371_text" class="text ">
  718. <p><span>充值操作成功,实际到账时间可能有延迟,请耐心等待</span></p>
  719. </div>
  720. </div>
  721. <!-- Unnamed (Rectangle) -->
  722. <div id="u209372" class="ax_default heading_2">
  723. <div id="u209372_div" class=""></div>
  724. <div id="u209372_text" class="text ">
  725. <p><span>确定</span></p>
  726. </div>
  727. </div>
  728. <!-- Unnamed (Line) -->
  729. <div id="u209373" class="ax_default line1">
  730. <img id="u209373_img" class="img " src="images/选择预付款/u209367.svg"/>
  731. <div id="u209373_text" class="text " style="display:none; visibility: hidden">
  732. <p></p>
  733. </div>
  734. </div>
  735. </div>
  736. </div>
  737. <!-- Unnamed (Rectangle) -->
  738. <div id="u209374" class="ax_default box_2">
  739. <div id="u209374_div" class=""></div>
  740. <div id="u209374_text" class="text " style="display:none; visibility: hidden">
  741. <p></p>
  742. </div>
  743. </div>
  744. <!-- Unnamed (Rectangle) -->
  745. <div id="u209375" class="ax_default paragraph">
  746. <div id="u209375_div" class=""></div>
  747. <div id="u209375_text" class="text ">
  748. <p><span>支付方式</span></p>
  749. </div>
  750. </div>
  751. <!-- Unnamed (Rectangle) -->
  752. <div id="u209376" class="ax_default paragraph">
  753. <div id="u209376_div" class=""></div>
  754. <div id="u209376_text" class="text ">
  755. <p><span>机构子钱包(1508888888)</span></p>
  756. </div>
  757. </div>
  758. <!-- Unnamed (Group) -->
  759. <div id="u209377" class="ax_default" data-left="384" data-top="130" data-width="8" data-height="13">
  760. <!-- Unnamed (Shape) -->
  761. <div id="u209378" class="ax_default icon">
  762. <img id="u209378_img" class="img " src="images/收费设置/u146572.svg"/>
  763. <div id="u209378_text" class="text " style="display:none; visibility: hidden">
  764. <p></p>
  765. </div>
  766. </div>
  767. </div>
  768. <!-- Unnamed (Rectangle) -->
  769. <div id="u209379" class="ax_default box_2">
  770. <div id="u209379_div" class=""></div>
  771. <div id="u209379_text" class="text " style="display:none; visibility: hidden">
  772. <p></p>
  773. </div>
  774. </div>
  775. <!-- Unnamed (Rectangle) -->
  776. <div id="u209380" class="ax_default paragraph">
  777. <div id="u209380_div" class=""></div>
  778. <div id="u209380_text" class="text ">
  779. <p><span>支付方式</span></p>
  780. </div>
  781. </div>
  782. <!-- Unnamed (Rectangle) -->
  783. <div id="u209381" class="ax_default paragraph">
  784. <div id="u209381_div" class=""></div>
  785. <div id="u209381_text" class="text ">
  786. <p><span>平台钱包(1508888888)</span></p>
  787. </div>
  788. </div>
  789. <!-- Unnamed (Group) -->
  790. <div id="u209382" class="ax_default" data-left="837" data-top="130" data-width="8" data-height="13">
  791. <!-- Unnamed (Shape) -->
  792. <div id="u209383" class="ax_default icon">
  793. <img id="u209383_img" class="img " src="images/收费设置/u146572.svg"/>
  794. <div id="u209383_text" class="text " style="display:none; visibility: hidden">
  795. <p></p>
  796. </div>
  797. </div>
  798. </div>
  799. <!-- Unnamed (Group) -->
  800. <div id="u209384" class="ax_default" data-left="543" data-top="728" data-width="302" data-height="29">
  801. <!-- Unnamed (Rectangle) -->
  802. <div id="u209385" class="ax_default heading_2">
  803. <div id="u209385_div" class=""></div>
  804. <div id="u209385_text" class="text ">
  805. <p><span>当前充电站,启动充电需额外冻结30.00元充电保证金</span></p>
  806. </div>
  807. </div>
  808. <!-- Unnamed (Shape) -->
  809. <div id="u209386" class="ax_default shape">
  810. <img id="u209386_img" class="img " src="images/选择预付款/u209386.svg"/>
  811. <div id="u209386_text" class="text " style="display:none; visibility: hidden">
  812. <p></p>
  813. </div>
  814. </div>
  815. </div>
  816. </div>
  817. <script src="resources/scripts/axure/ios.js"></script>
  818. </body>
  819. </html>