123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
- <link rel="stylesheet" type="text/css" href="/Public/Static/css/base2.css" />
- <link rel="stylesheet" type="text/css" href="/Public/Static/css/nologed.css" />
- <link rel="stylesheet" href="/Public/Static/Icoinfont/iconfont.css">
- <script src="/Public/Static/Icoinfont/iconfont.js"></script>
- <title>{$webname}</title>
- <style>
- ::-webkit-input-placeholder {color: #b5b5b5;font-size: 12px;}
- ::-moz-placeholder {color: #b5b5b5;font-size: 12px;}
- input:focus{background:#ebecf0;outline: 1px solid #ebecf0;}
- a:hover,a:link,a:visited,a:active{color:#707A8A;text-decoration:none;}
- .no_header{position: fixed;z-index: 9999;padding:0px 10px;top:0px;background: #f5f5f5;}
- .txtl{line-height:50px;width:10%;}
- .findbox{width:90%;height:40px;margin:0px auto;background:#ebecf0;border-radius:20px;}
- .findbox_l{width:15%;height:40px;line-height:40px;float:left;text-align: center;}
- .findbox_r{width:80%;height:40px;line-height:40px;float:right;}
- .symbol_t{height:30px;border:none;background: #ebecf0;}
- .titlebox{width:100%;height:40px;position: fixed;z-index: 9999;top:50px;background: #f5f5f5}
- .txt_style{display:inline-block;height:40px;line-height:40px;border-bottom:3px solid #FCD535;color:#707A8A;font-size: 18px;font-weight: bold;}
- .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;}
- .listbox{width:100%;background: #fff;margin-top:130px;z-index: -9999;padding: 0px 10px;min-height:100vh;}
- .stitle_l{width:30%;height:50px;line-height:60px;float:left;text-align: left;}
- .stitle_c{width:40%;height:50px;line-height:60px;float:left;text-align: center;}
- .stitle_r{width:30%;height:50px;line-height:60px;float:left;text-align: right;}
- .emptybox{width:100%;height:40px;background:#fff;height:15px;}
- .bgfcc{background:#f5f5f5;}
- .bgreen{background:#0ecb81;}
- .bred{background:#f5465c;}
- .green{color:#0ecb81;}
- .red{color:#f5465c;}
- .list_open{width:40%;height:50px;line-height:50px;float:left;text-align:center;}
- .list_cname{width:30%;height:50px;line-height:50px;float:left;}
- .list_change{width:30%;height:50px;line-height:50px;float:left;text-align:right;}
- </style>
- </head>
- <body>
- <div class="container-fluid " style="padding:0px;width:100vw;">
- <div class="no_header">
- <div class="fl allhg txtl">
- <i class="bi bi-arrow-left fcc fw" onclick="goback()" style="font-size: 24px;"></i>
- </div>
- <div class="fl allhg" id="centerbox" style="width:80%;text-align:center;line-height:50px;">
- <span class="fcc fzmmm">{:L('币币交易市场')}</span>
- </div>
- <div class="fr allhg txtr" style="line-height:50px;width:10%;">
- </div>
- </div>
-
- <div class="titlebox">
- <div style="width:70%;margin:0px auto;">
- <span class="txt_style fzmmm">{:L('USDT市场')}</span>
- </div>
- </div>
-
- <div class="symboltitle">
- <div class="stitle_l">
- <span class="fcc fzmmm">{:L('交易对')}</span>
- </div>
- <div class="stitle_c">
- <span class="fcc fzmmm">{:L('最新价格')}</span>
- </div>
- <div class="stitle_r">
- <span class="fcc fzmmm">{:L('24h涨跌')}</span>
- </div>
- </div>
-
- <div class="listbox">
- <div class="emptybox"></div>
-
- <div style="width:100%;" id="tradebox">
- <foreach name="market" item="vo">
- <a href="/Trade/trans.html?sytx=<?php echo strtoupper($vo['coinname']);?>/USDT">
- <div style="width:100%;height:50px;">
- <div class="list_cname">
- <span class="fzmmm fcc cn_{$vo.coinname}"><?php echo strtoupper($vo['coinname']);?>/USDT</span>
- </div>
- <div class="list_open cpr_{$vo.coinname}">
- <span class='fzmmm fcc'>--.--</span></div>
- <div class="list_change cch_{$vo.coinname}">
- <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>
- </div>
- </div>
- </a>
- </foreach>
-
- </div>
- <div style="width:100%;height:60px;"></div>
- </div>
- </div>
-
-
- <!--底部-->
- <div class="footer">
- <a href="{:U('Index/index')}">
- <div class="footer_op">
- <div class="f_op_t">
-
- <span class="iconfont icon-shouye" style="font-size:22px;"></span>
- </div>
- <div class="f_op_b">
- <span class="fzm fcc">{:L('首页')}</span>
- </div>
- </div>
- </a>
- <a href="{:U('Trade/index')}">
- <div class="footer_op">
- <div class="f_op_t" style="line-height:35px;">
- <svg class="icon fticon" aria-hidden="true"><use xlink:href="#icon-fukuan"></use></svg>
- </div>
- <div class="f_op_b">
- <span class="fzm fcy">{:L('交易')}</span>
- </div>
- </div>
- </a>
- <a href="{:U('Orepool/index')}">
- <div class="footer_op">
- <div class="f_op_t" style="line-height:35px;">
- <span class="iconfont icon-ziyuan14" style="font-size:22px;"></span>
- </div>
- <div class="f_op_b">
- <span class="fzm fcc">{:L('矿机')}</span>
- </div>
- </div>
- </a>
- <a href="{:U('Levertade/index')}">
- <div class="footer_op">
- <div class="f_op_t" style="line-height:35px;">
- <span class="iconfont icon-xuanxiang" style="font-size:22px;"></span>
- </div>
- <div class="f_op_b">
- <span class="fzm fcc">{:L('合约')}</span>
- </div>
- </div>
- </a>
- <a href="{:U('User/index')}">
- <div class="footer_op">
- <div class="f_op_t" style="line-height:35px;">
- <span class="iconfont icon-ziyuan24" style="font-size:22px;"></span>
- </div>
- <div class="f_op_b">
- <span class="fzm fcc">{:L('资产')}</span>
- </div>
- </div>
- </a>
- </div>
- </body>
- <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
- <script type="text/javascript" src="/Public/Static/js/layer/layer.js" ></script>
- <script type="text/javascript">
- function goback(){
- window.history.go(-1);
- }
- </script>
- <script type="text/javascript">
- function obtain_btc(){
- var coin = "btc";
- var nameclass = ".cn_btc";
- var priceclass = ".cpr_btc";
- var changeclass = ".cch_btc";
- $.post("{:U('Ajaxtrade/obtain_btc')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_eth(){
- var coin = "eth";
- var nameclass = ".cn_eth";
- var priceclass = ".cpr_eth";
- var changeclass = ".cch_eth";
- $.post("{:U('Ajaxtrade/obtain_eth')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_eos(){
- var coin = "eos";
- var nameclass = ".cn_eos";
- var priceclass = ".cpr_eos";
- var changeclass = ".cch_eos";
- $.post("{:U('Ajaxtrade/obtain_eos')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_doge(){
- var coin = "doge";
- var nameclass = ".cn_doge";
- var priceclass = ".cpr_doge";
- var changeclass = ".cch_doge";
- $.post("{:U('Ajaxtrade/obtain_doge')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_bch(){
- var coin = "bch";
- var nameclass = ".cn_bch";
- var priceclass = ".cpr_bch";
- var changeclass = ".cch_bch";
- $.post("{:U('Ajaxtrade/obtain_bch')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_ltc(){
- var coin = "ltc";
- var nameclass = ".cn_ltc";
- var priceclass = ".cpr_ltc";
- var changeclass = ".cch_ltc";
- $.post("{:U('Ajaxtrade/obtain_ltc')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_iota(){
- var coin = "iota";
- var nameclass = ".cn_iota";
- var priceclass = ".cpr_iota";
- var changeclass = ".cch_iota";
- $.post("{:U('Ajaxtrade/obtain_iota')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_fil(){
- var coin = "fil";
- var nameclass = ".cn_fil";
- var priceclass = ".cpr_fil";
- var changeclass = ".cch_fil";
- $.post("{:U('Ajaxtrade/obtain_fil')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_flow(){
- var coin = "flow";
- var nameclass = ".cn_flow";
- var priceclass = ".cpr_flow";
- var changeclass = ".cch_flow";
- $.post("{:U('Ajaxtrade/obtain_flow')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_jst(){
- var coin = "jst";
- var nameclass = ".cn_jst";
- var priceclass = ".cpr_jst";
- var changeclass = ".cch_jst";
- $.post("{:U('Ajaxtrade/obtain_jst')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_itc(){
- var coin = "itc";
- var nameclass = ".cn_itc";
- var priceclass = ".cpr_itc";
- var changeclass = ".cch_itc";
- $.post("{:U('Ajaxtrade/obtain_itc')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_ht(){
- var coin = "ht";
- var nameclass = ".cn_ht";
- var priceclass = ".cpr_ht";
- var changeclass = ".cch_ht";
- $.post("{:U('Ajaxtrade/obtain_ht')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_usdz(){
- var coin = "ukb";
- var nameclass = ".cn_ukb";
- var priceclass = ".cpr_ukb";
- var changeclass = ".cch_ukb";
- $.post("{:U('Ajaxtrade/obtain_usdz')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html("UKB/USDT");
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_trx(){
- var coin = "trx";
- var nameclass = ".cn_trx";
- var priceclass = ".cpr_trx";
- var changeclass = ".cch_trx";
- $.post("{:U('Ajaxtrade/obtain_ltc')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_xrp(){
- var coin = "xrp";
- var nameclass = ".cn_xrp";
- var priceclass = ".cpr_xrp";
- var changeclass = ".cch_xrp";
- $.post("{:U('Ajaxtrade/obtain_ltc')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- function obtain_shib(){
- var coin = "shib";
- var nameclass = ".cn_shib";
- var priceclass = ".cpr_shib";
- var changeclass = ".cch_shib";
- $.post("{:U('Ajaxtrade/obtain_ltc')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- </script>
- <script type="text/javascript">
- $(function(){
- //obtain_btc();
- setInterval("obtain_btc()",2000);
- //obtain_eth();
- setInterval("obtain_eth()",3000);
- obtain_eos();
- setInterval("obtain_eos()",5000);
- obtain_doge();
- setInterval("obtain_doge()",7000);
- obtain_bch();
- setInterval("obtain_bch()",9000);
- obtain_ltc();
- setInterval("obtain_ltc()",11000);
-
- obtain_iota();
- setInterval("obtain_iota()",13000);
-
- obtain_fil();
- setInterval("obtain_fil()",15000);
-
- obtain_flow();
- setInterval("obtain_flow()",17000);
-
- obtain_jst();
- setInterval("obtain_jst()",19000);
-
- obtain_itc();
- setInterval("obtain_itc()",21000);
-
- obtain_ht();
- setInterval("obtain_ht()",23000);
-
- obtain_usdz();
- setInterval("obtain_usdz()",25000);
- obtain_trx();
- setInterval("obtain_trx()",33000);
- obtain_xrp();
- setInterval("obtain_xrp()",27000);
- obtain_shib();
- setInterval("obtain_shib()",29000);
- //getallsymbol();
- //setInterval("getallsymbol()",2000);
- });
- </script>
- <!----
- <script type="text/javascript">
- function getallsymbol(){
- $.post("{:U('Ajaxtrade/getallsymbol')}",
- function(data){
- if(data.code == 1){
- $("#tradebox").empty();
- var html = '';
- if(data.data == '' || data.data == null){
- html = '<div style="width:100%;height:100px;line-height:100px;text-align:center;">'+
- '<span class="fzmm fcc">' + "{:L('没有获取数据')}" + '</span>'+
- '</div>';
- $("#tradebox").append(html);
-
- }else{
- $.each(data.data,function(key,val){
- html += '<a href="/Trade/trans.html?sytx='+ val.cname +'">'+
- '<div style="width:100%;height:50px;">'+
- '<div class="list_cname">'+
- '<span class="fzmmm fcc">'+ val.cname +'</span>'+
- '</div>'+
- '<div class="list_open">' + val.open + '</div>'+
- '<div class="list_change">' + val.change +'</div>'+
- '</div>'+
- '</a>';
-
- });
- $("#tradebox").append(html);
- }
- }else{
- html = '<div style="width:100%;height:100px;line-height:100px;text-align:center;">'+
- '<span class="fzmm fcc">' + "{:L('没有获取数据')}" + '</span>'+
- '</div>';
- $("#tradebox").append(html);
- }
- });
- }
- </script>
- --->
- </html>
|