123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <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">
- <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/Home/static/css/base.css" />
- <title>{$webname}</title>
- <style>
- .css-1wr4jig {
- box-sizing: border-box;
- margin: 0;
- min-width: 0;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- }
- .css-1pysja1 {box-sizing: border-box;margin: 0;min-width: 0; -webkit-flex: 1;-ms-flex: 1;flex: 1;}
- .css-6nqu2s {box-sizing: border-box; margin: 0;min-width: 0;background-color: #FAFAFA;}
- .css-b22026 {box-sizing: border-box;margin: 0;min-width: 0;background-color: #FAFAFA;padding-top: 24px;}
- .css-1xamyaw {
- box-sizing: border-box;
- margin: 0;
- min-width: 0;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-left: auto;
- margin-right: auto;
- max-width: 1200px;
- font-size: 12px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- margin-bottom: 0;
- padding-left: 16px;
- padding-right: 16px;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .css-1xamyaw {
- margin-bottom: 0;
- padding-left: 24px;
- padding-right: 24px;
- }
- .css-o32gok {
- box-sizing: border-box;
- margin: 0;
- min-width: 0;
- font-weight: 600;
- font-size: 28px;
- line-height: 36px;
- font-size: 24px;
- color: #1E2329;
- }
- .css-jwys36 {
- box-sizing: border-box;
- margin: 0;
- min-width: 0;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- display: none;
- margin-left: auto;
- }
- .css-8puh95 {
- box-sizing: border-box;
- margin: 0;
- min-width: 0;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- position: relative;
- height: 32px;
- margin-top: 4px;
- margin-bottom: 0px;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- line-height: 1.6;
- border: 1px solid transparent;
- border-color: #EAECEF;
- border-radius: 4px;
- padding-left: 8px;
- padding-right: 8px;
- background-color: #FFFFFF;
- margin-top: 0;
- width: 100%;
- height: 44px;
- }
- .css-1t9l9dt {
- box-sizing: border-box;
- margin: 0;
- min-width: 0;
- background-color: #FAFAFA;
- padding-top: 24px;
- padding-bottom: 24px;
- padding-left: 16px;
- padding-right: 16px;
- display: none;
- }
- .css-1t9l9dt {
- padding-left: 24px;
- padding-right: 24px;
- display: block;
- }
- .css-8hstpq {
- box-sizing: border-box;
- margin: 0;
- min-width: 0;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-left: auto;
- margin-right: auto;
- max-width: 1200px;
- font-size: 12px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- margin-bottom: -16px;
- margin-left: 0;
- }
- .css-8hstpq {
- margin-bottom: 0;
- margin-left: auto;
- }
- .tophangqi{height:120px;width:22%;background-color:#f3f3f3;border-radius:10px;padding:0px 15px;}
- .css-194m5n4 {
- box-sizing: border-box;
- margin: 0;
- min-width: 0;
- background-color: #FFFFFF;
- padding-bottom: 24px;
- border-radius: 32px 32px 0px 0px;
- }
- .css-1hc8c4h {
- box-sizing: border-box;
- margin: 0;
- min-width: 0;
- margin-left: auto;
- margin-right: auto;
- max-width: 1200px;
- padding-left: 0;
- padding-right: 0;
- border-radius: 32px 32px 0px 0px;
- }
- .css-1hc8c4h {
- padding-left: 8px;
- padding-right: 8px;
- }
- .css-dlistbox{width:100%;min-height:500px;}
- .css-dlbbox{width:100%;height:30px;background-color:#f3f3f3;padding:0px 10px;}
- .listtitle{height:30px;line-height:30px;}
- .css-dlbbox2{width:100%;height:50px;background-color:#fff;padding:0px 10px;border-bottom:1px solid #f3f3f3;}
- .listtitle2{height:50px;line-height:50px;}
- </style>
- </head>
- <body>
- <div class="App">
- <div class="css-tq0shg">
- <include file="Public:header"/>
-
- <main class="css-1wr4jig">
- <div class="css-1pysja1">
- <div class="css-6nqu2s">
- <div class="css-b22026">
- <div class="css-1xamyaw">
- <div class="css-o32gok">{:L('行情')}</div>
- </div>
- </div>
- </div>
- <div class="css-1t9l9dt">
- <div class="css-8hstpq">
- <div class="tophangqi" style="margin-right:4%;">
- <div style="width:100%;height:40px;">
- <div style="width:60%;height:40px;line-height:50px;float:left;text-align:left:">
- <span class="fch f16 famy fw">UKB/USDT</span>
- </div>
- <div style="width:40%;height:40px;line-height:50px;float:left;text-align:right;">
- <span class="f16 famy fw cch_ubk">0.00%</span>
- </div>
- </div>
- <div style="width:100%;height:40px;">
- <div style="width:60%;height:40px;line-height:50px;float:left;text-align:left:">
- <span class="f16 famy fw cpr_ukb">0.00</span>
- </div>
- </div>
- <div style="width:100%;height:40px;">
- <div style="width:40%;height:40px;line-height:30px;float:right;text-align:right;">
- <i class="bi bi-arrow-right-circle-fill fcy f18 fw"></i>
- </div>
- </div>
- </div>
- <div class="tophangqi" style="margin-right:4%;">
- <div style="width:100%;height:40px;">
- <div style="width:60%;height:40px;line-height:50px;float:left;text-align:left:">
- <span class="fch f16 famy fw">BTC/USDT</span>
- </div>
- <div style="width:40%;height:40px;line-height:50px;float:left;text-align:right;">
- <span class="f16 famy fw cch_btc">0.00%</span>
- </div>
- </div>
- <div style="width:100%;height:40px;">
- <div style="width:60%;height:40px;line-height:50px;float:left;text-align:left:">
- <span class="f16 famy fw cpr_btc">0.00</span>
- </div>
- </div>
- <div style="width:100%;height:40px;">
- <div style="width:40%;height:40px;line-height:30px;float:right;text-align:right;">
- <i class="bi bi-arrow-right-circle-fill fcy f18 fw"></i>
- </div>
- </div>
- </div>
- <div class="tophangqi" style="margin-right:4%;">
- <div style="width:100%;height:40px;">
- <div style="width:60%;height:40px;line-height:50px;float:left;text-align:left:">
- <span class="fch f16 famy fw">ETH/USDT</span>
- </div>
- <div style="width:40%;height:40px;line-height:50px;float:left;text-align:right;">
- <span class="f16 famy fw cch_eth">0.00%</span>
- </div>
- </div>
- <div style="width:100%;height:40px;">
- <div style="width:60%;height:40px;line-height:50px;float:left;text-align:left:">
- <span class="f16 famy fw cpr_eth">0.00</span>
- </div>
- </div>
- <div style="width:100%;height:40px;">
- <div style="width:40%;height:40px;line-height:30px;float:right;text-align:right;">
- <i class="bi bi-arrow-right-circle-fill fcy f18 fw"></i>
- </div>
- </div>
- </div>
- <div class="tophangqi">
- <div style="width:100%;height:40px;">
- <div style="width:60%;height:40px;line-height:50px;float:left;text-align:left:">
- <span class="fch f16 famy fw">BCH/USDT</span>
- </div>
- <div style="width:40%;height:40px;line-height:50px;float:left;text-align:right;">
- <span class="f16 famy fw cch_bch">0.00%</span>
- </div>
- </div>
- <div style="width:100%;height:40px;">
- <div style="width:60%;height:40px;line-height:50px;float:left;text-align:left:">
- <span class="f16 famy fw cpr_bch">0.00</span>
- </div>
- </div>
- <div style="width:100%;height:40px;">
- <div style="width:40%;height:40px;line-height:30px;float:right;text-align:right;">
- <i class="bi bi-arrow-right-circle-fill fcy f18 fw"></i>
- </div>
- </div>
- </div>
-
- </div>
- </div>
- <div class="css-194m5n4" style="padding-top:30px;">
- <div class="css-1hc8c4h">
- <div class="css-dlistbox">
- <div class="css-dlbbox">
- <div class="listtitle tcl fl" style="width:15%;">
- <span class="f12 fch">{:L('名称')}</span>
- </div>
- <div class="listtitle tcc fl" style="width:15%;">
- <span class="f12 fch">{:L('价格')}</span>
- </div>
- <div class="listtitle tcc fl" style="width:15%;">
- <span class="f12 fch">{:L('涨跌幅')}</span>
- </div>
- <div class="listtitle tcc fl" style="width:20%;">
- <span class="f12 fch">{:L('最高')}/{:L('最低')}</span>
- </div>
- <div class="listtitle tcc fl" style="width:15%;">
- <span class="f12 fch">24H{:L('量')}</span>
- </div>
- <div class="listtitle tcr fl" style="width:20%;">
- <span class="f12 fch">{:L('操作')}</span>
- </div>
- </div>
-
- <foreach name="market" item="vo">
- <div class="css-dlbbox2" >
- <div class="listtitle2 tcl fl" style="width:15%;">
- <span class="f14 fch fw cn_{$vo.coinname}"><?php echo strtoupper($vo['coinname']);?>/USDT</span>
- </div>
- <div class="listtitle2 tcc fl" style="width:15%;">
- <span class="f14 fch cpr_{$vo.coinname}">--:--</span>
- </div>
- <div class="listtitle2 tcc fl cch_{$vo.coinname}" style="width:15%;">
- <span class="f14 fch fw">0.00%</span>
- </div>
- <div class="listtitle2 tcc fl" style="width:20%;">
- <span class="f14 fch fw hl_{$vo.coinname}">--.--/--.--</span>
- </div>
- <div class="listtitle2 tcc fl" style="width:15%;">
- <span class="f14 fch fw vol_{$vo.coinname}">--.--</span>
- </div>
- <div class="listtitle2 tcr fl" style="width:20%;">
- <a href="{:U('Trade/index')}?type=buy&symbol=<?php echo strtoupper($vo['coinname']);?>" href="" class="f14 fcy">{:L('币币交易')}</a>
- <a href="{:U('Contract/index')}?coin={$vo.coinname}" class="f14 fcy">{:L('快速合约')}</a>
- </div>
- </div>
- </foreach>
- </div>
- </div>
- </div>
- </main>
-
-
- <include file="Public:footer"/>
- </div>
- </div>
-
- </body>
- <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
- <script type="text/javascript" src="/Public/Home/static/js/layer/layer.js" ></script>
- <script type="text/javascript" src="/Public/Home/static/js/jquery.SuperSlide.2.1.1.js" ></script>
-
- <script type="text/javascript">
- function obtain_btc(){
- var coin = "btc";
- var nameclass = ".cn_btc";
- var priceclass = ".cpr_btc";
- var pricehl = ".hl_btc";
- var pricevol = ".vol_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);
- $(pricehl).html(data.highlow);
- $(pricevol).html(data.amount);
- $(changeclass).html(data.change);
- }else{
- return false;
- }
- }
- );
- }
- function obtain_eth(){
- var coin = "eth";
- var nameclass = ".cn_eth";
- var priceclass = ".cpr_eth";
- var pricehl = ".hl_eth";
- var pricevol = ".vol_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);
- $(pricehl).html(data.highlow);
- $(pricevol).html(data.amount);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- function obtain_eos(){
- var coin = "eos";
- var nameclass = ".cn_eos";
- var priceclass = ".cpr_eos";
- var pricehl = ".hl_eos";
- var pricevol = ".vol_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);
- $(pricehl).html(data.highlow);
- $(pricevol).html(data.amount);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- function obtain_doge(){
- var coin = "doge";
- var nameclass = ".cn_doge";
- var priceclass = ".cpr_doge";
- var pricehl = ".hl_doge";
- var pricevol = ".vol_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);
- $(pricehl).html(data.highlow);
- $(pricevol).html(data.amount);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- function obtain_bch(){
- var coin = "bch";
- var nameclass = ".cn_bch";
- var priceclass = ".cpr_bch";
- var pricehl = ".hl_bch";
- var pricevol = ".vol_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);
- $(pricehl).html(data.highlow);
- $(pricevol).html(data.amount);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- function obtain_ltc(){
- var coin = "ltc";
- var nameclass = ".cn_ltc";
- var priceclass = ".cpr_ltc";
- var pricehl = ".hl_ltc";
- var pricevol = ".vol_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);
- $(pricehl).html(data.highlow);
- $(pricevol).html(data.amount);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- function obtain_iota(){
- var coin = "iota";
- var nameclass = ".cn_iota";
- var priceclass = ".cpr_iota";
- var pricehl = ".hl_iota";
- var pricevol = ".vol_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);
- $(pricehl).html(data.highlow);
- $(pricevol).html(data.amount);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- function obtain_fil(){
- var coin = "fil";
- var nameclass = ".cn_fil";
- var priceclass = ".cpr_fil";
- var pricehl = ".hl_fil";
- var pricevol = ".vol_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);
- $(pricehl).html(data.highlow);
- $(pricevol).html(data.amount);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- function obtain_flow(){
- var coin = "flow";
- var nameclass = ".cn_flow";
- var priceclass = ".cpr_flow";
- var pricehl = ".hl_flow";
- var pricevol = ".vol_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);
- $(pricehl).html(data.highlow);
- $(pricevol).html(data.amount);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- function obtain_jst(){
- var coin = "jst";
- var nameclass = ".cn_jst";
- var priceclass = ".cpr_jst";
- var pricehl = ".hl_jst";
- var pricevol = ".vol_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);
- $(pricehl).html(data.highlow);
- $(pricevol).html(data.amount);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- function obtain_itc(){
- var coin = "itc";
- var nameclass = ".cn_itc";
- var priceclass = ".cpr_itc";
- var pricehl = ".hl_itc";
- var pricevol = ".vol_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);
- $(pricehl).html(data.highlow);
- $(pricevol).html(data.amount);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- function obtain_ht(){
- var coin = "ht";
- var nameclass = ".cn_ht";
- var priceclass = ".cpr_ht";
- var pricehl = ".hl_ht";
- var pricevol = ".vol_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);
- $(pricehl).html(data.highlow);
- $(pricevol).html(data.amount);
- $(changeclass).html(data.change);
- }else{
- console.log(data.info);return false;
- }
- }
- );
- }
- function obtain_usdz(){
- var coin = "ukb";
- var nameclass = ".cn_ukb";
- var priceclass = ".cpr_ukb";
- var pricehl = ".hl_ukb";
- var pricevol = ".vol_ukb";
- var changeclass = ".cch_ukb";
- $.post("{:U('Ajaxtrade/obtain_usdz')}",
- {'coin':coin},
- function(data){
- if(data.code == 1){
- $(nameclass).html(data.cname);
- $(priceclass).html(data.open);
- $(pricehl).html(data.highlow);
- $(pricevol).html(data.amount);
- $(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);
- });
- </script>
-
-
-
-
-
-
-
- <script type="text/javascript">
- $("#nav").slide({
- type:"menu",// 效果类型,针对菜单/导航而引入的参数(默认slide)
- titCell:".nLi", //鼠标触发对象
- targetCell:".sub", //titCell里面包含的要显示/消失的对象
- effect:"slideDown", //targetCell下拉效果
- delayTime:300 , //效果时间
- triggerTime:0, //鼠标延迟触发时间(默认150)
- returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
- });
- </script>
-
- </html>
|