You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
301 lines
10 KiB
301 lines
10 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>exchange</title>
|
|
<link type="text/css" rel="styleSheet" href="../layui/css/layui.css" />
|
|
<link type="text/css" rel="styleSheet" href="../css/common.css" />
|
|
<link type="text/css" rel="styleSheet" href="../css/exchange.css" />
|
|
<link type="text/css" rel="styleSheet" href="../css/help.css" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!-- <div class="container headerBack">
|
|
|
|
</div> -->
|
|
<div class="header bo-show">
|
|
<div class="header_content container">
|
|
<a href="../index.html" class="logo"><img src="../image/[email protected]" alt=""></a>
|
|
<div class="header_tabs">
|
|
<div class="acon1">
|
|
<span class="NotLog" v-show="isLogin2">
|
|
<a href="../html/login.html" class="a">Log In</a>
|
|
<a href="../html/register.html" class="a">Sign-up</a>
|
|
</span>
|
|
<span class="LogIn" v-show="isLogin">
|
|
<a href="" class="a">[email protected] <img src="../image/h1.png" alt="" class="h1"></a>
|
|
<div class="LogList">
|
|
<a href="securityCenter.html" class="active sc">Security center <img
|
|
src="../image/meun_icon_my_nor.png" alt=""></a>
|
|
<a href="javascript::" class="so" @click="logOut">Sign out
|
|
<img src="../image/pop_icon_signout.png" alt="" class="img1">
|
|
<img src="../image/pop_icon_signoutb.png" alt="" class="img2">
|
|
</a>
|
|
</div>
|
|
</span>
|
|
<a href="" class="a">Support</a>
|
|
<div class="language a">
|
|
<span class="language-text">ENG <img src="../image/h1.png" alt="" class="h1"></span>
|
|
<div class="language-list">
|
|
<!-- <a href="">ENG</a> -->
|
|
<a href="">CHN</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="acon2">
|
|
<a href="exchange.html" class="active">Trade</a>
|
|
<a href="news.html">News</a>
|
|
<a href="innovate.html">Innovation</a>
|
|
<a href="wallet.html">Wallet</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main" id="app">
|
|
<div class="container ma1">
|
|
<div class="main-sidebar-top flex">
|
|
<div class="one">
|
|
<span class="s1">BTC</span>
|
|
<span>/ USD</span>
|
|
</div>
|
|
<div class="two">
|
|
<p class="p1">Last Price</p>
|
|
<p class="p2">32,884.72</p>
|
|
</div>
|
|
<div class="two">
|
|
<p class="p1">Last Price</p>
|
|
<p class="p2">32,884.72</p>
|
|
</div>
|
|
<div class="two">
|
|
<p class="p1">Last Price</p>
|
|
<p class="p2">32,884.72</p>
|
|
</div>
|
|
<div class="two">
|
|
<p class="p1">Last Price</p>
|
|
<p class="p2">32,884.72</p>
|
|
</div>
|
|
<div class="two">
|
|
<p class="p1">Last Price</p>
|
|
<p class="p2">32,884.72</p>
|
|
</div>
|
|
</div>
|
|
<!-- 右边栏 -->
|
|
<div class="main-sidebar-right layui-tab layui-tab-brief">
|
|
<!-- <div class="main-tabs-nav layui-tab-title">
|
|
<li class="layui-this">MARKET TRADES</li>
|
|
<li>ORDER BOOK</li>
|
|
</div> -->
|
|
<div class="layui-tab-content">
|
|
<div class="layui-tab-item layui-show">
|
|
<div class="main-tabs-content">
|
|
<table lay-filter="marketTrades" id="marketTrades"></table>
|
|
<div class="Thtitle cent"><span>32847.59</span> </div>
|
|
<table lay-filter="recc" id="recc"></table>
|
|
</div>
|
|
</div>
|
|
<div class="layui-tab-item">
|
|
<div class="main-tabs-content orderbook-wrap">
|
|
<table lay-filter="orderbook" id="orderbook"></table>
|
|
</div>
|
|
<div class="main-tabs-orderbook-hd">Lastest 40025.41 USDT ≈ $40025.410000</div>
|
|
<div class="main-tabs-content orderbook-wrap1">
|
|
<table lay-filter="orderbook1" id="orderbook1"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 左边栏 -->
|
|
<div class="main-sidebar-left layui-tab layui-tab-brief">
|
|
<div class="main-tabs-nav layui-tab-title">
|
|
<li class="layui-this">BTC</li>
|
|
<li>USD</li>
|
|
<li>USDC</li>
|
|
<li>ETH</li>
|
|
</div>
|
|
<div class="main-tabs-content layui-tab-content">
|
|
<div class="layui-tab-item layui-show">
|
|
<table lay-filter="fav" id="fav"></table>
|
|
<div class="Thtitle"><span>Trade History</span> </div>
|
|
<table lay-filter="rec" id="rec"></table>
|
|
</div>
|
|
<div class="layui-tab-item">
|
|
<table lay-filter="usdt" id="usdt"></table>
|
|
</div>
|
|
<div class="layui-tab-item">
|
|
<table lay-filter="btc" id="btc"></table>
|
|
</div>
|
|
<div class="layui-tab-item">
|
|
<table lay-filter="eth" id="eth"></table>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- 中间 -->
|
|
<div class="main-middlebar layui-tab layui-tab-brief">
|
|
<ul class="main-tabs-nav layui-tab-title">
|
|
<li class="layui-this">Tradingview</li>
|
|
<li>Deptrh</li>
|
|
</ul>
|
|
<div class="layui-tab-content">
|
|
<div class="layui-tab-item layui-show">
|
|
<div class="main-tabs-content tradingview-head">
|
|
<span><em id="detailPair">BTC/USDT</em><em class="gray-color">12844.97</em></span>
|
|
<span><em>Change</em><em class="buy-color">+0.53%</em></span>
|
|
<span><em>Open</em><em class="buy-color">12844.97</em></span>
|
|
<span><em>High</em><em class="gray-color">12844.97</em></span>
|
|
<span><em>LowT</em><em class="gray-color">12844.97</em></span>
|
|
<span><em>24H Vol</em><em class="gray-color">936.369 BTC</em></span>
|
|
</div>
|
|
<div class="main-tabs-content tradingview-container" id="tradingviewContainer">
|
|
</div>
|
|
</div>
|
|
<div class="layui-tab-item">
|
|
<!--深度图 -->
|
|
<div class="main-tabs-content deptrh-container" id="deptrhContainer"></div>
|
|
</div>
|
|
</div>
|
|
<div class="gai">
|
|
<div class="main-tabs-nav">
|
|
<p class="title">Limit</p>
|
|
</div>
|
|
<div class="main-tabs-content exchange-container">
|
|
<div class="exchange-item">
|
|
<div class="exchange-head">
|
|
<span>Buy</span>
|
|
<span>ALGO </span>
|
|
</div>
|
|
<div class="exchange-head exchange-head2">
|
|
<p>Available <span>0.12 USDT</span></p>
|
|
<span><a href="wallet.html">Recharge</a></span>
|
|
</div>
|
|
<div class="exchange-input">
|
|
<input type="number" class="layui-input compute" name="buyPrice" data-type="buy"
|
|
placeholder="Price" step="0.01">
|
|
<span class="s1">Price:</span>
|
|
<span class="s2">USDT</span>
|
|
</div>
|
|
<div class="exchange-input">
|
|
<input type="number" class="layui-input compute" name="buyAmount" data-type="buy"
|
|
placeholder="Amount" step="0.0001">
|
|
<span class="s1">Amount:</span>
|
|
<span class="s2">BTC</span>
|
|
|
|
</div>
|
|
<div class="exchange-total">
|
|
<div>Total</div>
|
|
<div class="exchange-total-input">
|
|
<span>USDT</span>
|
|
<input type="number" name="buyTotal" readonly value="0.00000000"
|
|
step="0.00000001">
|
|
</div>
|
|
</div>
|
|
<div class="exchange-btn buy-btn"><a href="login.html">Sign in</a> or <a
|
|
href="login.html">Sign up</a> Now to trade</div>
|
|
<a href="login.html">
|
|
<div class="exchange-btn buy-login-btn" style="display: none;">log in</div>
|
|
</a>
|
|
</div>
|
|
<div class="exchange-item">
|
|
<div class="exchange-head">
|
|
<span>Buy</span>
|
|
<span>ALGO </span>
|
|
</div>
|
|
<div class="exchange-head exchange-head2">
|
|
<p>Available <span>0.12 USDT</span></p>
|
|
<span><a href="wallet.html">Recharge</a></span>
|
|
</div>
|
|
<div class="exchange-input">
|
|
<input type="number" class="layui-input compute" name="buyPrice" data-type="buy"
|
|
placeholder="Price" step="0.01">
|
|
<span class="s1">Price:</span>
|
|
<span class="s2">USDT</span>
|
|
</div>
|
|
<div class="exchange-input">
|
|
<input type="number" class="layui-input compute" name="buyAmount" data-type="buy"
|
|
placeholder="Amount" step="0.0001">
|
|
<span class="s1">Amount:</span>
|
|
<span class="s2">BTC</span>
|
|
|
|
</div>
|
|
<div class="exchange-total">
|
|
<div>Total</div>
|
|
<div class="exchange-total-input">
|
|
<span>USDT</span>
|
|
<input type="number" name="buyTotal" readonly value="0.00000000"
|
|
step="0.00000001">
|
|
</div>
|
|
</div>
|
|
<div class="exchange-btn buy-btn"><a href="login.html">Sign in</a> or <a
|
|
href="login.html">Sign up</a> Now to trade</div>
|
|
<a href="login.html">
|
|
<div class="exchange-btn buy-login-btn" style="display: none;">log in</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- help -->
|
|
<a href="../html/help.html" class="help_con">
|
|
<div class="a_con">
|
|
<img src="../image/erji.png" alt="" class="img">
|
|
help
|
|
</div>
|
|
</a>
|
|
|
|
|
|
|
|
</div>
|
|
<div class="container">
|
|
<!-- 历史委托 -->
|
|
<div class="main-delegate layui-tab layui-tab-brief">
|
|
<ul class="main-tabs-nav layui-tab-title">
|
|
<li class="layui-this">Delegate</li>
|
|
<li>History Delegate</li>
|
|
</ul>
|
|
<div class="main-tabs-content layui-tab-content table-delegate">
|
|
<div class="layui-tab-item layui-show">
|
|
<table lay-filter="Delegate" id="Delegate"></table>
|
|
</div>
|
|
<div class="layui-tab-item">
|
|
<table lay-filter="HistoryDelegate" id="HistoryDelegate"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
|
|
<script type="text/javascript" src="../js/bignumber.min.js"></script>
|
|
<script type="text/javascript" src="../js/common.js"></script>
|
|
<script type="text/javascript" src="../highcharts/highcharts.js"></script>
|
|
<script type="text/javascript" src="../highcharts/oldie.js"></script>
|
|
<script src="../highcharts/dark-unica.js"></script>
|
|
<script src="../charting_library/charting_library.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/dataUpdater.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/datafees.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/socket.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/TVjsApi.js" type="text/javascript" charset="utf-8"></script>
|
|
<script type="text/javascript" src="../layui/layui.js"></script>
|
|
<script type="text/javascript" src="../js/exchange.js"></script>
|
|
<script>
|
|
var _TVjsApi = new TVjsApi('btcusdt');
|
|
_TVjsApi.init();
|
|
//_TVjsApi.resetTheme('black') //切换皮肤
|
|
</script>
|
|
<script src="../js/vue.js"></script>
|
|
<script src="../js/jquery-3.5.1.min.js"></script>
|
|
<script src="../js/header.js"></script>
|
|
<script>
|
|
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|
|
|