index.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  8. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  9. <link rel="stylesheet" type="text/css" href="/Public/Static/css/base2.css" />
  10. <link rel="stylesheet" type="text/css" href="/Public/Static/css/nologed.css" />
  11. <link rel="stylesheet" href="/Public/Static/Icoinfont/iconfont.css">
  12. <script src="/Public/Static/Icoinfont/iconfont.js"></script>
  13. <title>{$webname}</title>
  14. <style>
  15. ::-webkit-input-placeholder {color: #b5b5b5;font-size: 12px;}
  16. ::-moz-placeholder {color: #b5b5b5;font-size: 12px;}
  17. input:focus{background:#ebecf0;outline: 1px solid #ebecf0;}
  18. a:hover,a:link,a:visited,a:active{color:#707A8A;text-decoration:none;}
  19. .no_header{position: fixed;z-index: 9999;padding:0px 10px;top:0px;background: #f5f5f5;}
  20. .txtl{line-height:50px;width:10%;}
  21. .findbox{width:90%;height:40px;margin:0px auto;background:#ebecf0;border-radius:20px;}
  22. .findbox_l{width:15%;height:40px;line-height:40px;float:left;text-align: center;}
  23. .findbox_r{width:80%;height:40px;line-height:40px;float:right;}
  24. .symbol_t{height:30px;border:none;background: #ebecf0;}
  25. .titlebox{width:100%;height:40px;position: fixed;z-index: 9999;top:50px;background: #f5f5f5}
  26. .txt_style{display:inline-block;height:40px;line-height:40px;border-bottom:3px solid #FCD535;color:#707A8A;font-size: 18px;font-weight: bold;}
  27. .symboltitle{width:100%;height:50px;background:#fff;border-top-right-radius:20px;border-top-left-radius:20px;position: fixed;z-index: 9999;top:90px;padding: 0px 15px;}
  28. .listbox{width:100%;background: #fff;margin-top:130px;z-index: -9999;padding: 0px 10px;min-height:100vh;}
  29. .stitle_l{width:30%;height:50px;line-height:60px;float:left;text-align: left;}
  30. .stitle_c{width:40%;height:50px;line-height:60px;float:left;text-align: center;}
  31. .stitle_r{width:30%;height:50px;line-height:60px;float:left;text-align: right;}
  32. .emptybox{width:100%;height:40px;background:#fff;height:15px;}
  33. .bgfcc{background:#f5f5f5;}
  34. .bgreen{background:#0ecb81;}
  35. .bred{background:#f5465c;}
  36. .green{color:#0ecb81;}
  37. .red{color:#f5465c;}
  38. .list_open{width:40%;height:50px;line-height:50px;float:left;text-align:center;}
  39. .list_cname{width:30%;height:50px;line-height:50px;float:left;}
  40. .list_change{width:30%;height:50px;line-height:50px;float:left;text-align:right;}
  41. </style>
  42. </head>
  43. <body>
  44. <div class="container-fluid " style="padding:0px;width:100vw;">
  45. <div class="no_header">
  46. <div class="fl allhg txtl">
  47. <i class="bi bi-arrow-left fcc fw" onclick="goback()" style="font-size: 24px;"></i>
  48. </div>
  49. <div class="fl allhg" id="centerbox" style="width:80%;text-align:center;line-height:50px;">
  50. <span class="fcc fzmmm">{:L('币币交易市场')}</span>
  51. </div>
  52. <div class="fr allhg txtr" style="line-height:50px;width:10%;">
  53. </div>
  54. </div>
  55. <div class="titlebox">
  56. <div style="width:70%;margin:0px auto;">
  57. <span class="txt_style fzmmm">{:L('USDT市场')}</span>
  58. </div>
  59. </div>
  60. <div class="symboltitle">
  61. <div class="stitle_l">
  62. <span class="fcc fzmmm">{:L('交易对')}</span>
  63. </div>
  64. <div class="stitle_c">
  65. <span class="fcc fzmmm">{:L('最新价格')}</span>
  66. </div>
  67. <div class="stitle_r">
  68. <span class="fcc fzmmm">{:L('24h涨跌')}</span>
  69. </div>
  70. </div>
  71. <div class="listbox">
  72. <div class="emptybox"></div>
  73. <div style="width:100%;" id="tradebox">
  74. <foreach name="market" item="vo">
  75. <a href="/Trade/trans.html?sytx=<?php echo strtoupper($vo['coinname']);?>/USDT">
  76. <div style="width:100%;height:50px;">
  77. <div class="list_cname">
  78. <span class="fzmmm fcc cn_{$vo.coinname}"><?php echo strtoupper($vo['coinname']);?>/USDT</span>
  79. </div>
  80. <div class="list_open cpr_{$vo.coinname}">
  81. <span class='fzmmm fcc'>--.--</span></div>
  82. <div class="list_change cch_{$vo.coinname}">
  83. <span class='fzmm bgfcc' style='color:#fff;border-radius: 2px;width:70px;height:35px;line-height:35px;text-align:center;display:inline-block;'>0%</span>
  84. </div>
  85. </div>
  86. </a>
  87. </foreach>
  88. </div>
  89. <div style="width:100%;height:60px;"></div>
  90. </div>
  91. </div>
  92. <!--底部-->
  93. <div class="footer">
  94. <a href="{:U('Index/index')}">
  95. <div class="footer_op">
  96. <div class="f_op_t">
  97. <span class="iconfont icon-shouye" style="font-size:22px;"></span>
  98. </div>
  99. <div class="f_op_b">
  100. <span class="fzm fcc">{:L('首页')}</span>
  101. </div>
  102. </div>
  103. </a>
  104. <a href="{:U('Trade/index')}">
  105. <div class="footer_op">
  106. <div class="f_op_t" style="line-height:35px;">
  107. <svg class="icon fticon" aria-hidden="true"><use xlink:href="#icon-fukuan"></use></svg>
  108. </div>
  109. <div class="f_op_b">
  110. <span class="fzm fcy">{:L('交易')}</span>
  111. </div>
  112. </div>
  113. </a>
  114. <a href="{:U('Orepool/index')}">
  115. <div class="footer_op">
  116. <div class="f_op_t" style="line-height:35px;">
  117. <span class="iconfont icon-ziyuan14" style="font-size:22px;"></span>
  118. </div>
  119. <div class="f_op_b">
  120. <span class="fzm fcc">{:L('矿机')}</span>
  121. </div>
  122. </div>
  123. </a>
  124. <a href="{:U('Levertade/index')}">
  125. <div class="footer_op">
  126. <div class="f_op_t" style="line-height:35px;">
  127. <span class="iconfont icon-xuanxiang" style="font-size:22px;"></span>
  128. </div>
  129. <div class="f_op_b">
  130. <span class="fzm fcc">{:L('合约')}</span>
  131. </div>
  132. </div>
  133. </a>
  134. <a href="{:U('User/index')}">
  135. <div class="footer_op">
  136. <div class="f_op_t" style="line-height:35px;">
  137. <span class="iconfont icon-ziyuan24" style="font-size:22px;"></span>
  138. </div>
  139. <div class="f_op_b">
  140. <span class="fzm fcc">{:L('资产')}</span>
  141. </div>
  142. </div>
  143. </a>
  144. </div>
  145. </body>
  146. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  147. <script type="text/javascript" src="/Public/Static/js/layer/layer.js" ></script>
  148. <script type="text/javascript">
  149. function goback(){
  150. window.history.go(-1);
  151. }
  152. </script>
  153. <script type="text/javascript">
  154. function obtain_btc(){
  155. var coin = "btc";
  156. var nameclass = ".cn_btc";
  157. var priceclass = ".cpr_btc";
  158. var changeclass = ".cch_btc";
  159. $.post("{:U('Ajaxtrade/obtain_btc')}",
  160. {'coin':coin},
  161. function(data){
  162. if(data.code == 1){
  163. $(nameclass).html(data.cname);
  164. $(priceclass).html(data.open);
  165. $(changeclass).html(data.change);
  166. }else{
  167. console.log(data.info);return false;
  168. }
  169. }
  170. );
  171. }
  172. </script>
  173. <script type="text/javascript">
  174. function obtain_eth(){
  175. var coin = "eth";
  176. var nameclass = ".cn_eth";
  177. var priceclass = ".cpr_eth";
  178. var changeclass = ".cch_eth";
  179. $.post("{:U('Ajaxtrade/obtain_eth')}",
  180. {'coin':coin},
  181. function(data){
  182. if(data.code == 1){
  183. $(nameclass).html(data.cname);
  184. $(priceclass).html(data.open);
  185. $(changeclass).html(data.change);
  186. }else{
  187. console.log(data.info);return false;
  188. }
  189. }
  190. );
  191. }
  192. </script>
  193. <script type="text/javascript">
  194. function obtain_eos(){
  195. var coin = "eos";
  196. var nameclass = ".cn_eos";
  197. var priceclass = ".cpr_eos";
  198. var changeclass = ".cch_eos";
  199. $.post("{:U('Ajaxtrade/obtain_eos')}",
  200. {'coin':coin},
  201. function(data){
  202. if(data.code == 1){
  203. $(nameclass).html(data.cname);
  204. $(priceclass).html(data.open);
  205. $(changeclass).html(data.change);
  206. }else{
  207. console.log(data.info);return false;
  208. }
  209. }
  210. );
  211. }
  212. </script>
  213. <script type="text/javascript">
  214. function obtain_doge(){
  215. var coin = "doge";
  216. var nameclass = ".cn_doge";
  217. var priceclass = ".cpr_doge";
  218. var changeclass = ".cch_doge";
  219. $.post("{:U('Ajaxtrade/obtain_doge')}",
  220. {'coin':coin},
  221. function(data){
  222. if(data.code == 1){
  223. $(nameclass).html(data.cname);
  224. $(priceclass).html(data.open);
  225. $(changeclass).html(data.change);
  226. }else{
  227. console.log(data.info);return false;
  228. }
  229. }
  230. );
  231. }
  232. </script>
  233. <script type="text/javascript">
  234. function obtain_bch(){
  235. var coin = "bch";
  236. var nameclass = ".cn_bch";
  237. var priceclass = ".cpr_bch";
  238. var changeclass = ".cch_bch";
  239. $.post("{:U('Ajaxtrade/obtain_bch')}",
  240. {'coin':coin},
  241. function(data){
  242. if(data.code == 1){
  243. $(nameclass).html(data.cname);
  244. $(priceclass).html(data.open);
  245. $(changeclass).html(data.change);
  246. }else{
  247. console.log(data.info);return false;
  248. }
  249. }
  250. );
  251. }
  252. </script>
  253. <script type="text/javascript">
  254. function obtain_ltc(){
  255. var coin = "ltc";
  256. var nameclass = ".cn_ltc";
  257. var priceclass = ".cpr_ltc";
  258. var changeclass = ".cch_ltc";
  259. $.post("{:U('Ajaxtrade/obtain_ltc')}",
  260. {'coin':coin},
  261. function(data){
  262. if(data.code == 1){
  263. $(nameclass).html(data.cname);
  264. $(priceclass).html(data.open);
  265. $(changeclass).html(data.change);
  266. }else{
  267. console.log(data.info);return false;
  268. }
  269. }
  270. );
  271. }
  272. </script>
  273. <script type="text/javascript">
  274. function obtain_iota(){
  275. var coin = "iota";
  276. var nameclass = ".cn_iota";
  277. var priceclass = ".cpr_iota";
  278. var changeclass = ".cch_iota";
  279. $.post("{:U('Ajaxtrade/obtain_iota')}",
  280. {'coin':coin},
  281. function(data){
  282. if(data.code == 1){
  283. $(nameclass).html(data.cname);
  284. $(priceclass).html(data.open);
  285. $(changeclass).html(data.change);
  286. }else{
  287. console.log(data.info);return false;
  288. }
  289. }
  290. );
  291. }
  292. </script>
  293. <script type="text/javascript">
  294. function obtain_fil(){
  295. var coin = "fil";
  296. var nameclass = ".cn_fil";
  297. var priceclass = ".cpr_fil";
  298. var changeclass = ".cch_fil";
  299. $.post("{:U('Ajaxtrade/obtain_fil')}",
  300. {'coin':coin},
  301. function(data){
  302. if(data.code == 1){
  303. $(nameclass).html(data.cname);
  304. $(priceclass).html(data.open);
  305. $(changeclass).html(data.change);
  306. }else{
  307. console.log(data.info);return false;
  308. }
  309. }
  310. );
  311. }
  312. </script>
  313. <script type="text/javascript">
  314. function obtain_flow(){
  315. var coin = "flow";
  316. var nameclass = ".cn_flow";
  317. var priceclass = ".cpr_flow";
  318. var changeclass = ".cch_flow";
  319. $.post("{:U('Ajaxtrade/obtain_flow')}",
  320. {'coin':coin},
  321. function(data){
  322. if(data.code == 1){
  323. $(nameclass).html(data.cname);
  324. $(priceclass).html(data.open);
  325. $(changeclass).html(data.change);
  326. }else{
  327. console.log(data.info);return false;
  328. }
  329. }
  330. );
  331. }
  332. </script>
  333. <script type="text/javascript">
  334. function obtain_jst(){
  335. var coin = "jst";
  336. var nameclass = ".cn_jst";
  337. var priceclass = ".cpr_jst";
  338. var changeclass = ".cch_jst";
  339. $.post("{:U('Ajaxtrade/obtain_jst')}",
  340. {'coin':coin},
  341. function(data){
  342. if(data.code == 1){
  343. $(nameclass).html(data.cname);
  344. $(priceclass).html(data.open);
  345. $(changeclass).html(data.change);
  346. }else{
  347. console.log(data.info);return false;
  348. }
  349. }
  350. );
  351. }
  352. </script>
  353. <script type="text/javascript">
  354. function obtain_itc(){
  355. var coin = "itc";
  356. var nameclass = ".cn_itc";
  357. var priceclass = ".cpr_itc";
  358. var changeclass = ".cch_itc";
  359. $.post("{:U('Ajaxtrade/obtain_itc')}",
  360. {'coin':coin},
  361. function(data){
  362. if(data.code == 1){
  363. $(nameclass).html(data.cname);
  364. $(priceclass).html(data.open);
  365. $(changeclass).html(data.change);
  366. }else{
  367. console.log(data.info);return false;
  368. }
  369. }
  370. );
  371. }
  372. </script>
  373. <script type="text/javascript">
  374. function obtain_ht(){
  375. var coin = "ht";
  376. var nameclass = ".cn_ht";
  377. var priceclass = ".cpr_ht";
  378. var changeclass = ".cch_ht";
  379. $.post("{:U('Ajaxtrade/obtain_ht')}",
  380. {'coin':coin},
  381. function(data){
  382. if(data.code == 1){
  383. $(nameclass).html(data.cname);
  384. $(priceclass).html(data.open);
  385. $(changeclass).html(data.change);
  386. }else{
  387. console.log(data.info);return false;
  388. }
  389. }
  390. );
  391. }
  392. </script>
  393. <script type="text/javascript">
  394. function obtain_usdz(){
  395. var coin = "ukb";
  396. var nameclass = ".cn_ukb";
  397. var priceclass = ".cpr_ukb";
  398. var changeclass = ".cch_ukb";
  399. $.post("{:U('Ajaxtrade/obtain_usdz')}",
  400. {'coin':coin},
  401. function(data){
  402. if(data.code == 1){
  403. $(nameclass).html("UKB/USDT");
  404. $(priceclass).html(data.open);
  405. $(changeclass).html(data.change);
  406. }else{
  407. console.log(data.info);return false;
  408. }
  409. }
  410. );
  411. }
  412. </script>
  413. <script type="text/javascript">
  414. function obtain_trx(){
  415. var coin = "trx";
  416. var nameclass = ".cn_trx";
  417. var priceclass = ".cpr_trx";
  418. var changeclass = ".cch_trx";
  419. $.post("{:U('Ajaxtrade/obtain_ltc')}",
  420. {'coin':coin},
  421. function(data){
  422. if(data.code == 1){
  423. $(nameclass).html(data.cname);
  424. $(priceclass).html(data.open);
  425. $(changeclass).html(data.change);
  426. }else{
  427. console.log(data.info);return false;
  428. }
  429. }
  430. );
  431. }
  432. </script>
  433. <script type="text/javascript">
  434. function obtain_xrp(){
  435. var coin = "xrp";
  436. var nameclass = ".cn_xrp";
  437. var priceclass = ".cpr_xrp";
  438. var changeclass = ".cch_xrp";
  439. $.post("{:U('Ajaxtrade/obtain_ltc')}",
  440. {'coin':coin},
  441. function(data){
  442. if(data.code == 1){
  443. $(nameclass).html(data.cname);
  444. $(priceclass).html(data.open);
  445. $(changeclass).html(data.change);
  446. }else{
  447. console.log(data.info);return false;
  448. }
  449. }
  450. );
  451. }
  452. </script>
  453. <script type="text/javascript">
  454. function obtain_shib(){
  455. var coin = "shib";
  456. var nameclass = ".cn_shib";
  457. var priceclass = ".cpr_shib";
  458. var changeclass = ".cch_shib";
  459. $.post("{:U('Ajaxtrade/obtain_ltc')}",
  460. {'coin':coin},
  461. function(data){
  462. if(data.code == 1){
  463. $(nameclass).html(data.cname);
  464. $(priceclass).html(data.open);
  465. $(changeclass).html(data.change);
  466. }else{
  467. console.log(data.info);return false;
  468. }
  469. }
  470. );
  471. }
  472. </script>
  473. <script type="text/javascript">
  474. $(function(){
  475. //obtain_btc();
  476. setInterval("obtain_btc()",2000);
  477. //obtain_eth();
  478. setInterval("obtain_eth()",3000);
  479. obtain_eos();
  480. setInterval("obtain_eos()",5000);
  481. obtain_doge();
  482. setInterval("obtain_doge()",7000);
  483. obtain_bch();
  484. setInterval("obtain_bch()",9000);
  485. obtain_ltc();
  486. setInterval("obtain_ltc()",11000);
  487. obtain_iota();
  488. setInterval("obtain_iota()",13000);
  489. obtain_fil();
  490. setInterval("obtain_fil()",15000);
  491. obtain_flow();
  492. setInterval("obtain_flow()",17000);
  493. obtain_jst();
  494. setInterval("obtain_jst()",19000);
  495. obtain_itc();
  496. setInterval("obtain_itc()",21000);
  497. obtain_ht();
  498. setInterval("obtain_ht()",23000);
  499. obtain_usdz();
  500. setInterval("obtain_usdz()",25000);
  501. obtain_trx();
  502. setInterval("obtain_trx()",33000);
  503. obtain_xrp();
  504. setInterval("obtain_xrp()",27000);
  505. obtain_shib();
  506. setInterval("obtain_shib()",29000);
  507. //getallsymbol();
  508. //setInterval("getallsymbol()",2000);
  509. });
  510. </script>
  511. <!----
  512. <script type="text/javascript">
  513. function getallsymbol(){
  514. $.post("{:U('Ajaxtrade/getallsymbol')}",
  515. function(data){
  516. if(data.code == 1){
  517. $("#tradebox").empty();
  518. var html = '';
  519. if(data.data == '' || data.data == null){
  520. html = '<div style="width:100%;height:100px;line-height:100px;text-align:center;">'+
  521. '<span class="fzmm fcc">' + "{:L('没有获取数据')}" + '</span>'+
  522. '</div>';
  523. $("#tradebox").append(html);
  524. }else{
  525. $.each(data.data,function(key,val){
  526. html += '<a href="/Trade/trans.html?sytx='+ val.cname +'">'+
  527. '<div style="width:100%;height:50px;">'+
  528. '<div class="list_cname">'+
  529. '<span class="fzmmm fcc">'+ val.cname +'</span>'+
  530. '</div>'+
  531. '<div class="list_open">' + val.open + '</div>'+
  532. '<div class="list_change">' + val.change +'</div>'+
  533. '</div>'+
  534. '</a>';
  535. });
  536. $("#tradebox").append(html);
  537. }
  538. }else{
  539. html = '<div style="width:100%;height:100px;line-height:100px;text-align:center;">'+
  540. '<span class="fzmm fcc">' + "{:L('没有获取数据')}" + '</span>'+
  541. '</div>';
  542. $("#tradebox").append(html);
  543. }
  544. });
  545. }
  546. </script>
  547. --->
  548. </html>