mybill.html 40 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1.0,initial-scale=1,user-scalable=no,viewport-fit=true" data-shuvi-head="true">
  6. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  8. <link rel="stylesheet" type="text/css" href="/Public/Home/static/css/base.css" />
  9. <title>{$webname}</title>
  10. <style>
  11. .css-ogtd7z {
  12. box-sizing: border-box;
  13. margin: 0px;
  14. min-width: 0px;
  15. display: flex;
  16. transition: all 1s ease 0s;
  17. -webkit-box-pack: center;
  18. justify-content: center;
  19. background-color: rgb(254, 241, 242);
  20. }
  21. .css-jrzkh7 {
  22. box-sizing: border-box;
  23. margin: 0px;
  24. min-width: 0px;
  25. background-color: rgb(24, 26, 32);
  26. }
  27. .css-1aac2e {
  28. box-sizing: border-box;
  29. margin: 0px auto;
  30. min-width: 0px;
  31. padding-left: 24px;
  32. padding-right: 24px;
  33. max-width: 1248px;
  34. background-color: rgb(254, 241, 242);
  35. }
  36. .css-1wr4jig {
  37. box-sizing: border-box;
  38. margin: 0px;
  39. min-width: 0px;
  40. display: flex;
  41. flex-direction: column;
  42. flex: 1 1 0%;
  43. }
  44. .css-xry4yv {
  45. box-sizing: border-box;
  46. margin: 0px;
  47. min-width: 0px;
  48. display: flex;
  49. min-height: 600px;
  50. flex: 1 1 0%;
  51. flex-direction: column;
  52. }
  53. .css-xry4yv {
  54. flex-direction: row;
  55. }
  56. .css-foka8b {
  57. box-sizing: border-box;
  58. margin: 0px;
  59. min-width: 0px;
  60. display: flex;
  61. box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 8%) 0px 0px 4px;
  62. position: relative;
  63. z-index: 1;
  64. flex-direction: column;
  65. width: 200px;
  66. background: #ffffff;
  67. }
  68. .css-160vccy {
  69. box-sizing: border-box;
  70. margin: 0px;
  71. min-width: 0px;
  72. flex: 1 1 0%;
  73. background-color: rgb(250, 250, 250);
  74. }
  75. .css-z87e9z {
  76. box-sizing: border-box;
  77. margin: 0px;
  78. min-width: 0px;
  79. text-decoration: none;
  80. color: rgb(201, 148, 0);
  81. border-left: 4px solid rgb(240, 185, 11);
  82. height: 48px;
  83. background-color: rgb(245, 245, 245);
  84. font-weight: 500;
  85. display: flex;
  86. -webkit-box-align: center;
  87. align-items: center;
  88. -webkit-box-pack: justify;
  89. justify-content: space-between;
  90. }
  91. .css-10j588g {
  92. box-sizing: border-box;
  93. margin: 0px;
  94. min-width: 0px;
  95. display: flex;
  96. flex: 1 1 0%;
  97. height: 100%;
  98. -webkit-box-align: center;
  99. align-items: center;
  100. }
  101. .css-iizq59 {
  102. box-sizing: border-box;
  103. margin: 0px;
  104. min-width: 0px;
  105. font-weight: 500;
  106. font-size: 14px;
  107. line-height: 20px;
  108. word-break: break-word;
  109. display: flex;
  110. flex: 1 1 0%;
  111. height: 100%;
  112. -webkit-box-align: center;
  113. align-items: center;
  114. color: rgb(33, 40, 51);
  115. }
  116. .css-14thuu2 {
  117. box-sizing: border-box;
  118. margin: 0px 8px;
  119. min-width: 0px;
  120. color: rgb(240, 185, 11);
  121. font-size: 24px;
  122. fill: rgb(240, 185, 11);
  123. width: 1em;
  124. flex-shrink: 0;
  125. }
  126. .css-6ijtmk {
  127. box-sizing: border-box;
  128. margin: 0px;
  129. min-width: 0px;
  130. text-decoration: none;
  131. color: rgb(201, 148, 0);
  132. border-left: 4px solid transparent;
  133. height: 48px;
  134. display: flex;
  135. -webkit-box-align: center;
  136. align-items: center;
  137. -webkit-box-pack: justify;
  138. justify-content: space-between;
  139. background:#fff;
  140. }
  141. .css-hd27fe {
  142. box-sizing: border-box;
  143. margin: 0px 8px;
  144. min-width: 0px;
  145. color: rgb(132, 142, 156);
  146. font-size: 24px;
  147. fill: rgb(132, 142, 156);
  148. width: 1em;
  149. flex-shrink: 0;
  150. }
  151. .css-1n0484q {
  152. box-sizing: border-box;
  153. margin: 0px;
  154. min-width: 0px;
  155. font-weight: 400;
  156. font-size: 14px;
  157. line-height: 20px;
  158. word-break: break-word;
  159. display: flex;
  160. flex: 1 1 0%;
  161. height: 100%;
  162. -webkit-box-align: center;
  163. align-items: center;
  164. color: rgb(33, 40, 51);
  165. }
  166. .css-146q23 {
  167. box-sizing: border-box;
  168. margin: 0px;
  169. min-width: 0px;
  170. flex: 1 1 0%;
  171. background-color: rgb(255, 255, 255);
  172. }
  173. .css-jlbk6n {
  174. box-sizing: border-box;
  175. margin: 0px;
  176. min-width: 0px;
  177. display: flex;
  178. flex-wrap: wrap;
  179. -webkit-box-pack: justify;
  180. justify-content: space-between;
  181. padding: 8px;
  182. }
  183. .css-1e6doj4 {
  184. box-sizing: border-box;
  185. margin: 0px;
  186. min-width: 0px;
  187. display: flex;
  188. box-shadow: rgb(0 0 0 / 5%) 0px 0px 4px;
  189. flex: 1 1 0%;
  190. padding: 24px;
  191. }
  192. .css-6vt7sa {
  193. box-sizing: border-box;
  194. margin: 0px;
  195. min-width: 0px;
  196. display: flex;
  197. width: 40px;
  198. height: 40px;
  199. border-radius: 100%;
  200. border-width: 1px;
  201. border-style: solid;
  202. border-color: rgb(30, 35, 41);
  203. font-weight: 500;
  204. -webkit-box-pack: center;
  205. justify-content: center;
  206. -webkit-box-align: center;
  207. align-items: center;
  208. font-size: 20px;
  209. color: rgb(30, 35, 41);
  210. }
  211. .css-1sgz1lk {
  212. box-sizing: border-box;
  213. margin: 0px 0px 0px 16px;
  214. min-width: 0px;
  215. }
  216. .css-ize0sl {
  217. box-sizing: border-box;
  218. margin: 0px 0px 4px;
  219. min-width: 0px;
  220. display: flex;
  221. -webkit-box-align: center;
  222. align-items: center;
  223. }
  224. .css-1uoge8i {
  225. box-sizing: border-box;
  226. margin: 0px 16px 0px 0px;
  227. min-width: 0px;
  228. }
  229. .css-180eiyx {
  230. box-sizing: border-box;
  231. margin: 0px;
  232. min-width: 0px;
  233. display: flex;
  234. font-size: 14px;
  235. color: rgb(30, 35, 41);
  236. }
  237. .css-1ap5wc6 {
  238. box-sizing: border-box;
  239. margin: 0px;
  240. min-width: 0px;
  241. color: rgb(112, 122, 138);
  242. }
  243. .css-1124n14 {
  244. box-sizing: border-box;
  245. margin: 0px 16px 0px 0px;
  246. min-width: 0px;
  247. color: rgb(30, 35, 41);
  248. }
  249. .css-lzd0h4 {
  250. box-sizing: border-box;
  251. margin: 0px 0px 0px 8px;
  252. min-width: 0px;
  253. }
  254. .css-bhso1m {
  255. box-sizing: border-box;
  256. margin: 0px;
  257. min-width: 0px;
  258. display: inline-block;
  259. border-radius: 4px;
  260. padding-left: 8px;
  261. padding-right: 8px;
  262. font-size: 14px;
  263. background-color: rgba(240, 185, 11, 0.19);
  264. color: rgb(240, 185, 11);
  265. }
  266. .css-1ry7rnu {
  267. box-sizing: border-box;
  268. margin: 0px;
  269. min-width: 0px;
  270. display: flex;
  271. color: rgb(112, 122, 138);
  272. font-size: 12px;
  273. line-height: 1.25;
  274. }
  275. .css-9cwl6c {
  276. box-sizing: border-box;
  277. margin: 0px 8px 0px 0px;
  278. min-width: 0px;
  279. }
  280. .css-vurnku {
  281. box-sizing: border-box;
  282. margin: 0px;
  283. min-width: 0px;
  284. }
  285. .css-kvkii2 {
  286. box-sizing: border-box;
  287. margin: 0px;
  288. min-width: 0px;
  289. display: flex;
  290. width: 66.6667%;
  291. padding: 8px;
  292. }
  293. .css-1p01izn {
  294. box-sizing: border-box;
  295. margin: 0px;
  296. min-width: 0px;
  297. box-shadow: rgb(20 21 26 / 4%) 0px 1px 2px, rgb(71 77 87 / 4%) 0px 3px 6px, rgb(20 21 26 / 10%) 0px 0px 1px;
  298. border-radius: 4px;
  299. background-color: rgb(255, 255, 255);
  300. padding: 0px 16px;
  301. width: 100%;
  302. }
  303. .css-1hythwr {
  304. box-sizing: border-box;
  305. margin: 0px;
  306. min-width: 0px;
  307. display: flex;
  308. flex: 1 1 0%;
  309. flex-direction: column;
  310. }
  311. .css-1hz1mz6 {
  312. box-sizing: border-box;
  313. margin: 0px;
  314. min-width: 0px;
  315. flex: 1 1 0%;
  316. padding-top: 16px;
  317. padding-bottom: 16px;
  318. }
  319. .css-181kvgz {
  320. box-sizing: border-box;
  321. margin: 0px 16px 0px 0px;
  322. min-width: 0px;
  323. display: inline-block;
  324. text-decoration: none;
  325. font-weight: 600;
  326. color: rgb(30, 35, 41);
  327. font-size: 16px;
  328. padding: 0px;
  329. }
  330. .css-181kvgz:hover {
  331. color: rgb(252, 213, 53);
  332. }
  333. a, a:active, a:visited {
  334. text-decoration: none;
  335. }
  336. .css-10nf7hq {
  337. box-sizing: border-box;
  338. margin: 0px;
  339. min-width: 0px;
  340. display: flex;
  341. -webkit-box-align: center;
  342. align-items: center;
  343. }
  344. .css-4cffwv {
  345. box-sizing: border-box;
  346. margin: 0px;
  347. min-width: 0px;
  348. display: flex;
  349. }
  350. .css-noqr05 {
  351. box-sizing: border-box;
  352. margin: 0px;
  353. min-width: 0px;
  354. display: flex;
  355. -webkit-box-pack: justify;
  356. justify-content: space-between;
  357. -webkit-box-align: center;
  358. align-items: center;
  359. width: auto;
  360. }
  361. .css-d732j0 {
  362. margin: 0px 4px;
  363. min-width: 0px;
  364. appearance: none;
  365. user-select: none;
  366. cursor: pointer;
  367. overflow: hidden;
  368. text-overflow: ellipsis;
  369. white-space: nowrap;
  370. display: inline-flex;
  371. -webkit-box-align: center;
  372. align-items: center;
  373. -webkit-box-pack: center;
  374. justify-content: center;
  375. box-sizing: border-box;
  376. font-family: inherit;
  377. text-align: center;
  378. text-decoration: none;
  379. outline: none;
  380. font-weight: 500;
  381. line-height: 20px;
  382. word-break: keep-all;
  383. color: rgb(33, 40, 51);
  384. border-radius: 4px;
  385. padding: 4px 16px;
  386. border: none;
  387. background-image: linear-gradient(rgb(248, 209, 47) 0%, rgb(240, 185, 11) 100%);
  388. flex: 1 1 0%;
  389. min-height: 24px;
  390. font-size: 12px;
  391. }
  392. .css-1dfql01 {
  393. margin: 0px 4px;
  394. min-width: 0px;
  395. appearance: none;
  396. user-select: none;
  397. cursor: pointer;
  398. overflow: hidden;
  399. text-overflow: ellipsis;
  400. white-space: nowrap;
  401. display: inline-flex;
  402. -webkit-box-align: center;
  403. align-items: center;
  404. -webkit-box-pack: center;
  405. justify-content: center;
  406. box-sizing: border-box;
  407. font-family: inherit;
  408. text-align: center;
  409. text-decoration: none;
  410. outline: none;
  411. font-weight: 500;
  412. line-height: 20px;
  413. word-break: keep-all;
  414. color: rgb(33, 40, 51);
  415. border-radius: 4px;
  416. padding: 4px 16px;
  417. border: none;
  418. background-color: transparent;
  419. box-shadow: rgb(234 236 239) 0px 0px 0px 1px inset;
  420. flex: 1 1 0%;
  421. min-height: 24px;
  422. font-size: 12px;
  423. }
  424. .css-1s6nhe2 {
  425. box-sizing: border-box;
  426. margin: 0px 0px 0px 16px;
  427. min-width: 0px;
  428. text-decoration: none;
  429. color: rgb(201, 148, 0);
  430. display: flex;
  431. }
  432. .css-155meta {
  433. box-sizing: border-box;
  434. margin: 0px;
  435. min-width: 0px;
  436. color: rgb(0, 0, 0);
  437. font-size: 18px;
  438. fill: rgb(0, 0, 0);
  439. width: 1em;
  440. height: 1em;
  441. }
  442. .css-1s6nhe2:hover {
  443. text-decoration: underline;
  444. color: rgb(240, 185, 11);
  445. }
  446. .css-vurnku {
  447. box-sizing: border-box;
  448. margin: 0px;
  449. min-width: 0px;
  450. }
  451. .css-gnqbje {
  452. box-sizing: border-box;
  453. margin: 0px;
  454. min-width: 0px;
  455. display: block;
  456. }
  457. .css-ysetcg {
  458. box-sizing: border-box;
  459. margin: 0px;
  460. min-width: 0px;
  461. padding-top: 48px;
  462. padding-bottom: 48px;
  463. }
  464. .css-ct0qa6 {
  465. box-sizing: border-box;
  466. margin: 0px;
  467. min-width: 0px;
  468. display: flex;
  469. flex: 1 1 0%;
  470. }
  471. .css-1bliacb {
  472. box-sizing: border-box;
  473. margin: 0px;
  474. width: 25%;
  475. flex: 1 1 0%;
  476. margin-bottom: 24px;
  477. }
  478. .css-vurnku {
  479. box-sizing: border-box;
  480. margin: 0px;
  481. min-width: 0px;
  482. }
  483. .css-1f978ju {
  484. box-sizing: border-box;
  485. margin: 0px 0px 8px;
  486. min-width: 0px;
  487. }
  488. .css-ize0sl {
  489. box-sizing: border-box;
  490. margin: 0px 0px 4px;
  491. min-width: 0px;
  492. display: flex;
  493. -webkit-box-align: center;
  494. align-items: center;
  495. }
  496. .css-1kbdyxh {
  497. box-sizing: border-box;
  498. margin: 0px;
  499. min-width: 0px;
  500. font-size: 14px;
  501. color: rgb(112, 122, 138);
  502. display: inline-block;
  503. }
  504. .css-n5mzgu {
  505. box-sizing: border-box;
  506. margin: 0px;
  507. min-width: 0px;
  508. display: flex;
  509. align-items: flex-end;
  510. flex-wrap: wrap;
  511. color: rgb(30, 35, 41);
  512. font-size: 14px;
  513. line-height: 24px;
  514. }
  515. .css-off8uh {
  516. box-sizing: border-box;
  517. margin: 0px 4px 0px 0px;
  518. min-width: 0px;
  519. display: flex;
  520. align-items: flex-end;
  521. }
  522. .css-1t9tl2o {
  523. box-sizing: border-box;
  524. margin: 0px;
  525. min-width: 0px;
  526. font-size: 32px;
  527. line-height: 36px;
  528. }
  529. .css-vurnku {
  530. box-sizing: border-box;
  531. margin: 0px;
  532. min-width: 0px;
  533. }
  534. .css-omwf4y {
  535. box-sizing: border-box;
  536. margin: 0px;
  537. min-width: 0px;
  538. display: flex;
  539. width: 100%;
  540. padding: 8px;
  541. flex-direction: column;
  542. flex: 1 1 0%;
  543. }
  544. .css-vt77s9 {
  545. box-sizing: border-box;
  546. /* margin: 16px 0px 0px; */
  547. min-width: 0px;
  548. box-shadow: rgb(20 21 26 / 4%) 0px 1px 2px, rgb(71 77 87 / 4%) 0px 3px 6px, rgb(20 21 26 / 10%) 0px 0px 1px;
  549. border-radius: 4px;
  550. background-color: rgb(255, 255, 255);
  551. padding: 0px 16px;
  552. width: 100%;
  553. flex: 1 1 0%;
  554. }
  555. .css-1hythwr {
  556. box-sizing: border-box;
  557. margin: 0px;
  558. min-width: 0px;
  559. display: flex;
  560. flex: 1 1 0%;
  561. flex-direction: column;
  562. }
  563. .css-hwv82q {
  564. box-sizing: border-box;
  565. margin: 0px;
  566. min-width: 0px;
  567. border-width: 0px 0px 1px;
  568. border-style: solid;
  569. border-color: rgb(234, 236, 239);
  570. flex: 1 1 0%;
  571. padding-top: 16px;
  572. padding-bottom: 16px;
  573. }
  574. .css-5x6ly7 {
  575. box-sizing: border-box;
  576. margin: 0px;
  577. min-width: 0px;
  578. display: flex;
  579. flex: 1 1 0%;
  580. -webkit-box-align: center;
  581. align-items: center;
  582. }
  583. .css-65w75 {
  584. box-sizing: border-box;
  585. margin: 0px;
  586. min-width: 0px;
  587. font-size: 12px;
  588. }
  589. .css-1wuyyej {
  590. box-sizing: border-box;
  591. margin: 8px 0px 0px;
  592. min-width: 0px;
  593. text-decoration: none;
  594. display: block;
  595. border-width: 0px 0px 1px;
  596. border-style: solid;
  597. border-color: rgb(234, 236, 239);
  598. color: rgb(30, 35, 41);
  599. line-height: 1.5;
  600. padding-top: 16px;
  601. padding-bottom: 16px;
  602. }
  603. .css-1joqi3u {
  604. box-sizing: border-box;
  605. margin: 16px 0px 0px;
  606. min-width: 0px;
  607. text-align: right;
  608. color: rgb(112, 122, 138);
  609. }
  610. .css-1wuyyej:hover {
  611. color: rgb(240, 185, 11);
  612. }
  613. a, .css-1wuyyej:active, .css-1wuyyej:visited {
  614. text-decoration: none;
  615. }
  616. .css-ei3nni {
  617. box-sizing: border-box;
  618. margin: 0px;
  619. min-width: 0px;
  620. display: flex;
  621. width: 100%;
  622. padding: 8px;
  623. }
  624. .css-1p01izn {
  625. box-sizing: border-box;
  626. margin: 0px;
  627. min-width: 0px;
  628. box-shadow: rgb(20 21 26 / 4%) 0px 1px 2px, rgb(71 77 87 / 4%) 0px 3px 6px, rgb(20 21 26 / 10%) 0px 0px 1px;
  629. border-radius: 4px;
  630. background-color: rgb(255, 255, 255);
  631. padding: 0px 16px;
  632. width: 100%;
  633. }
  634. .css-1hythwr {
  635. box-sizing: border-box;
  636. margin: 0px;
  637. min-width: 0px;
  638. display: flex;
  639. flex: 1 1 0%;
  640. flex-direction: column;
  641. }
  642. .css-hwv82q {
  643. box-sizing: border-box;
  644. margin: 0px;
  645. min-width: 0px;
  646. border-width: 0px 0px 1px;
  647. border-style: solid;
  648. border-color: rgb(234, 236, 239);
  649. flex: 1 1 0%;
  650. padding-top: 16px;
  651. padding-bottom: 16px;
  652. }
  653. .css-1dcd6pv {
  654. box-sizing: border-box;
  655. margin: 0px;
  656. min-width: 0px;
  657. display: flex;
  658. flex: 1 1 0%;
  659. padding-top: 16px;
  660. padding-bottom: 16px;
  661. flex-direction: column;
  662. }
  663. .css-1h690ep {
  664. box-sizing: border-box;
  665. margin: 0px;
  666. min-width: 0px;
  667. display: flex;
  668. flex: 1 1 0%;
  669. }
  670. .css-phax11 {
  671. box-sizing: border-box;
  672. margin: 0px;
  673. min-width: 0px;
  674. display: flex;
  675. padding: 8px;
  676. flex-direction: column;
  677. width: 20%;
  678. }
  679. .css-9b6x94 {
  680. box-sizing: border-box;
  681. margin: 0px;
  682. min-width: 0px;
  683. font-size: 12px;
  684. color: rgb(112, 122, 138);
  685. line-height: 1.5;
  686. }
  687. .css-1ngrbny {
  688. box-sizing: border-box;
  689. margin: 0px;
  690. min-width: 0px;
  691. display: flex;
  692. padding: 8px;
  693. flex-direction: row;
  694. width: 20%;
  695. -webkit-box-pack: end;
  696. justify-content: flex-end;
  697. -webkit-box-align: center;
  698. align-items: center;
  699. }
  700. .css-1pysja1 {
  701. box-sizing: border-box;
  702. margin: 0px;
  703. min-width: 0px;
  704. flex: 1 1 0%;
  705. }
  706. .css-kc3i4p {
  707. box-sizing: border-box;
  708. margin: 0px;
  709. min-width: 0px;
  710. display: flex;
  711. border-width: 0px 0px 1px;
  712. border-style: solid;
  713. border-color: rgb(234, 236, 239);
  714. flex: 1 1 0%;
  715. padding-top: 4px;
  716. padding-bottom: 4px;
  717. }
  718. .css-1g02g2m {
  719. box-sizing: border-box;
  720. margin: 0px;
  721. min-width: 0px;
  722. font-size: 14px;
  723. color: rgb(30, 35, 41);
  724. }
  725. .css-cvky42 {
  726. box-sizing: border-box;
  727. margin: 0px;
  728. min-width: 0px;
  729. font-size: 12px;
  730. color: rgb(30, 35, 41);
  731. }
  732. .css-4cffwv {
  733. box-sizing: border-box;
  734. margin: 0px;
  735. min-width: 0px;
  736. display: flex;
  737. }
  738. .css-1pryf6p {
  739. box-sizing: border-box;
  740. margin: 0px;
  741. min-width: 0px;
  742. font-size: 12px;
  743. color: rgb(14, 203, 129);
  744. }
  745. .css-1g02g2m {
  746. box-sizing: border-box;
  747. margin: 0px;
  748. min-width: 0px;
  749. font-size: 14px;
  750. color: rgb(30, 35, 41);
  751. }
  752. .css-9biujf {
  753. box-sizing: border-box;
  754. margin: 0px;
  755. min-width: 0px;
  756. cursor: pointer;
  757. text-decoration: underline;
  758. font-size: 12px;
  759. color: rgb(240, 185, 11);
  760. line-height: 1.5;
  761. }
  762. </style>
  763. </head>
  764. <body>
  765. <div class="App">
  766. <div class="css-tq0shg">
  767. <include file="Public:header"/>
  768. <div class="css-ogtd7z">
  769. <div class="css-jrzkh7">
  770. <div id="header_global_js_wxgy34nj" class="css-1aac2e"></div>
  771. </div>
  772. </div>
  773. <main class="css-1wr4jig">
  774. <main class="css-xry4yv">
  775. <!--左边-->
  776. <div class="css-foka8b">
  777. <a data-bn-type="link" href="{:U('User/index')}" class="css-6ijtmk" style="text-decoration: none;">
  778. <div class="css-10j588g">
  779. <i class="bi bi-person-fill css-hd27fe"></i>
  780. <div data-bn-type="text" class="css-iizq59">{:L('总览')}</div>
  781. </div>
  782. </a>
  783. <a data-bn-type="link" href="{:U('User/addresslist')}" class="css-6ijtmk" style="text-decoration: none;">
  784. <div class="css-10j588g">
  785. <i class="bi bi-journal-text css-hd27fe"></i>
  786. <div data-bn-type="text" class="css-1n0484q">{:L('地址管理')}</div>
  787. </div>
  788. </a>
  789. <a data-bn-type="link" href="{:U('User/authrz')}" class="css-6ijtmk" style="text-decoration: none;">
  790. <div class="css-10j588g">
  791. <i class="bi bi-shield-check css-hd27fe"></i>
  792. <div data-bn-type="text" class="css-1n0484q">{:L('实名认证')}</div>
  793. </div>
  794. </a>
  795. <a data-bn-type="link" href="{:U('User/respwd')}" class="css-6ijtmk" style="text-decoration: none;">
  796. <div class="css-10j588g">
  797. <i class="bi bi-gear css-hd27fe"></i>
  798. <div data-bn-type="text" class="css-1n0484q">{:L('修改密码')}</div>
  799. </div>
  800. </a>
  801. <a data-bn-type="link" href="{:U('User/tgcode')}" class="css-6ijtmk" style="text-decoration: none;">
  802. <div class="css-10j588g">
  803. <i class="bi bi-person-plus css-hd27fe"></i>
  804. <div data-bn-type="text" class="css-1n0484q">{:L('推荐返佣')}</div>
  805. </div>
  806. </a>
  807. <a data-bn-type="link" href="{:U('User/notice')}" class="css-6ijtmk" style="text-decoration: none;">
  808. <div class="css-10j588g">
  809. <i class="bi bi-bell css-hd27fe"></i>
  810. <div data-bn-type="text" class="css-1n0484q">{:L('我的通知')}</div>
  811. </div>
  812. </a>
  813. <a data-bn-type="link" href="{:U('User/online')}" class="css-6ijtmk" style="text-decoration: none;">
  814. <div class="css-10j588g">
  815. <i class="bi bi-headset css-hd27fe"></i>
  816. <div data-bn-type="text" class="css-1n0484q">{:L('联系客服')}</div>
  817. </div>
  818. </a>
  819. <a data-bn-type="link" href="{:U('User/mybill')}" class="css-z87e9z" style="text-decoration: none;">
  820. <div class="css-10j588g">
  821. <i class="bi bi-card-list css-14thuu2"></i>
  822. <div data-bn-type="text" class="css-1n0484q">{:L('我的账单')}</div>
  823. </div>
  824. </a>
  825. </div>
  826. <!--右边-->
  827. <div class="css-160vccy">
  828. <!--右上-->
  829. <div class="css-146q23">
  830. <div class="css-1e6doj4">
  831. <div class="css-6vt7sa">{$uheader}</div>
  832. <div class="css-1sgz1lk">
  833. <div class="css-ize0sl">
  834. <div class="css-1124n14">{$uinfo.name}</div>
  835. <div class="css-1uoge8i">
  836. <div class="css-180eiyx">
  837. <div data-bn-type="text" class="css-1ap5wc6">{:L('用户')}ID: </div>
  838. {$uinfo.uid}
  839. </div>
  840. </div>
  841. <div class="css-lzd0h4">
  842. <if condition="$uinfo.rzstatus eq 2">
  843. <div class="css-bhso1m">{:L('已认证')}</div>
  844. <else />
  845. <div class="css-bhso1m">{:L('未认证')}</div>
  846. </if>
  847. </div>
  848. </div>
  849. <div class="css-1ry7rnu">
  850. <div data-bn-type="text" class="css-9cwl6c">{:L('上次登录时间')} {$uinfo.logintime}</div>
  851. <div data-bn-type="text" class="css-vurnku">IP: {$uinfo.loginip}</div>
  852. </div>
  853. </div>
  854. </div>
  855. </div>
  856. <!--右下-->
  857. <div class="css-jlbk6n">
  858. <!--登陆日志-->
  859. <div class="css-ei3nni">
  860. <div class="css-1p01izn">
  861. <div class="css-1hythwr">
  862. <div class="css-hwv82q">
  863. <div class="css-5x6ly7">
  864. <div class="css-5x6ly7">
  865. <a class="css-181kvgz">{:L('财务记录')}</a>
  866. </div>
  867. <!--这里可以加搜索框-->
  868. <div class="css-10nf7hq">
  869. </div>
  870. </div>
  871. </div>
  872. <div class="css-1dcd6pv">
  873. <div class="css-1h690ep">
  874. <div class="css-phax11">
  875. <div data-bn-type="text" class="css-9b6x94">{:L('操作类型')}</div>
  876. </div>
  877. <div class="css-phax11" style="width:30%">
  878. <div data-bn-type="text" class="css-9b6x94">{:L('币种')}</div>
  879. </div>
  880. <div class="css-phax11">
  881. <div data-bn-type="text" class="css-9b6x94">{:L('数量')}</div>
  882. </div>
  883. <div class="css-phax11">
  884. <div data-bn-type="text" class="css-9b6x94">{:L('操作后余额')}</div>
  885. </div>
  886. <div class="css-phax11">
  887. <div data-bn-type="text" class="css-9b6x94">{:L('操作日期')}</div>
  888. </div>
  889. </div>
  890. <div class="css-1pysja1" id="tradebox">
  891. <foreach name="list" item="vo">
  892. <div class="css-kc3i4p">
  893. <div class="css-phax11">
  894. <div data-bn-type="text" class="css-1g02g2m" style="font-sie:12px;">
  895. <span class="fch fzmm"><?php echo L('认购币释放');?></span>
  896. </div>
  897. </div>
  898. <div class="css-phax11" style="width:30%">
  899. <div class="css-4cffwv">
  900. <div data-bn-type="text" class="css-cvky42"><?php echo strtoupper($vo['coinname']);?></div>
  901. </div>
  902. </div>
  903. <div class="css-phax11">
  904. <div class="css-4cffwv">
  905. <div data-bn-type="text" class="css-cvky42">{$vo.num}</div>
  906. </div>
  907. </div>
  908. <div class="css-phax11">
  909. <div class="css-4cffwv">
  910. <if condition="$vo.st eq 1">
  911. <div data-bn-type="text" class="css-cvky42" style="color:green;">+{$vo.afternum}</div>
  912. <elseif condition="$vo.st eq 2" />
  913. <div data-bn-type="text" class="css-cvky42" style="color:red;">-{$vo.afternum}</div>
  914. </if>
  915. </div>
  916. </div>
  917. <div class="css-phax11">
  918. <div class="css-4cffwv">
  919. <div data-bn-type="text" class="css-cvky42">{$vo.addtime}</div>
  920. </div>
  921. </div>
  922. </div>
  923. </foreach>
  924. </div>
  925. </div>
  926. </div>
  927. </div>
  928. </div>
  929. </div>
  930. </div>
  931. </main>
  932. </main>
  933. <include file="Public:footer"/>
  934. </div>
  935. </div>
  936. </body>
  937. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  938. <script type="text/javascript" src="/Public/Home/static/js/layer/layer.js" ></script>
  939. <script type="text/javascript" src="/Public/Home/static/js/jquery.SuperSlide.2.1.1.js" ></script>
  940. <!--<script type="text/javascript">
  941. function getbill(){
  942. $.post("{:U('User/getbilllist')}",
  943. function(data){
  944. if(data.code == 1){
  945. $("#tradebox").empty();
  946. var html = '';
  947. if(data.data == '' || data.data == null){
  948. html = '<div style="width:100%;height:100px;line-height:100px;text-align:center;">'+
  949. '<span class="fzmm fcc">' + "{:L('没有获取数据')}" + '</span>'+
  950. '</div>';
  951. $("#tradebox").append(html);
  952. }else{
  953. $.each(data.data,function(key,val){
  954. html += '<div class="css-kc3i4p">'+
  955. '<div class="css-phax11">'+
  956. '<div data-bn-type="text" class="css-1g02g2m" style="font-sie:12px;">'+
  957. '<span class="fch fzmm">认购币释放</span>'+
  958. '</div>'+
  959. '</div>'+
  960. '<div class="css-phax11" style="width:30%">'+
  961. '<div class="css-4cffwv">'+
  962. '<div data-bn-type="text" class="css-cvky42">币名</div>'+
  963. '</div>'+
  964. '</div>'+
  965. '<div class="css-phax11">'+
  966. '<div class="css-4cffwv">'+
  967. '<div data-bn-type="text" class="css-cvky42">+100</div>'+
  968. '</div>'+
  969. '</div>'+
  970. '<div class="css-phax11">'+
  971. '<div class="css-4cffwv">'+
  972. '<div data-bn-type="text" class="css-cvky42" style="color:green;">100</div>'+
  973. '</div>'+
  974. '</div>'+
  975. '<div class="css-phax11">'+
  976. '<div class="css-4cffwv">'+
  977. '<div data-bn-type="text" class="css-cvky42">2021-09-27 22:46:25</div>'+
  978. '</div>'+
  979. '</div>'+
  980. '</div>';
  981. });
  982. $("#tradebox").append(html);
  983. }
  984. }else{
  985. html = '<div style="width:100%;height:100px;line-height:100px;text-align:center;">'+
  986. '<span class="fzmm fcc">' + "{:L('没有获取数据')}" + '</span>'+
  987. '</div>';
  988. $("#tradebox").append(html);
  989. }
  990. });
  991. }
  992. </script>-->
  993. <script type="text/javascript">
  994. $("#nav").slide({
  995. type:"menu",// 效果类型,针对菜单/导航而引入的参数(默认slide)
  996. titCell:".nLi", //鼠标触发对象
  997. targetCell:".sub", //titCell里面包含的要显示/消失的对象
  998. effect:"slideDown", //targetCell下拉效果
  999. delayTime:300 , //效果时间
  1000. triggerTime:0, //鼠标延迟触发时间(默认150)
  1001. returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
  1002. });
  1003. </script>
  1004. </html>