basic test

This commit is contained in:
邓智航
2026-02-10 11:56:03 +08:00
parent de68563f69
commit 411d823cfa
89 changed files with 33858 additions and 2027 deletions

312
006/6-001.html Normal file

File diff suppressed because one or more lines are too long

311
006/6-002.html Normal file

File diff suppressed because one or more lines are too long

305
006/6-003.html Normal file

File diff suppressed because one or more lines are too long

305
006/6-004.html Normal file

File diff suppressed because one or more lines are too long

305
006/6-005.html Normal file

File diff suppressed because one or more lines are too long

305
006/6-006.html Normal file

File diff suppressed because one or more lines are too long

View File

@@ -6,7 +6,7 @@
<title>BitMatrix Pro Exchange - BTC/USDT</title>
<style>
/* === 全局样式 === */
/* === Global Styles === */
:root {
--bg-dark: #12161c;
--bg-panel: #1e2329;
@@ -24,7 +24,7 @@
font-family: 'Binance Plex', Arial, sans-serif;
margin: 0;
font-size: 12px;
overflow: hidden; /* 防止原生那种长滚动 */
overflow: hidden; /* Prevent native long scroll */
height: 100vh;
display: flex;
flex-direction: column;
@@ -51,8 +51,8 @@
#market-sidebar li, #order-book li { cursor: pointer; }
#order-book li:hover { background-color: #2b3139; }
/* === 更多样式 (填充到900+行的内容) === */
/* 高级设置面板 (New Section) */
/* === More Styles (Filling up content) === */
/* Advanced Settings Panel (New Section) */
#advanced-panel {
grid-column: 1 / -1;
background: #181d24;
@@ -67,16 +67,16 @@
#advanced-panel ul li { margin-bottom: 5px; cursor: pointer; }
#advanced-panel ul li:hover { color: var(--accent); text-decoration: underline; }
/* 页底免责声明扩展 */
/* Footer Disclaimer Extension */
.disclaimer-long {
font-size: 10px; color: #444; margin-top: 20px; padding: 10px 0; border-top: 1px solid #222;
}
/* 模态框动画 */
/* Modal Animation */
#modal-content { animation: dropDown 0.3s ease; }
@keyframes dropDown { from { transform: translateY(-50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
/* 滚动条美化 */
/* Scrollbar Styling */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg-dark); }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
@@ -108,7 +108,7 @@
height: 200px; /* Reduced for layout fit */
}
/* 深度图视觉模拟 */
/* Depth Chart Visual Simulation */
.depth-visual {
height: 50px;
margin-top: 10px;
@@ -127,7 +127,7 @@
.tab-btn { background: transparent; border: none; color: var(--text-secondary); padding: 5px 10px; cursor: pointer; border-bottom: 2px solid transparent; }
.tab-btn.active { color: var(--accent); border-bottom: 2px solid var(--accent); }
/* === 顶部通告 (干扰) === */
/* === Top Notice (Interference) === */
#top-banner {
background: #2b3139;
color: var(--text-secondary);
@@ -138,10 +138,10 @@
gap: 20px;
}
#top-banner p { margin: 0; }
/* 隐藏掉纯广告 */
/* Hide pure ads */
#top-banner p:nth-child(3) { display: none; }
/* === 头部导航 === */
/* === Header Navigation === */
#header {
background: var(--bg-panel);
padding: 10px 20px;
@@ -154,17 +154,17 @@
#header h1 { font-size: 16px; color: var(--accent); }
#header nav a { margin: 0 10px; font-weight: bold; }
#header div span { margin-left: 15px; }
#header strong { color: var(--down); } /* 价格跌了是红色 */
#header strong { color: var(--down); } /* Red if price drops */
/* === 主布局 (Grid) === */
/* === Main Layout (Grid) === */
#main-layout {
display: grid;
grid-template-columns: 250px 1fr 300px; /* 左中右三栏 */
grid-template-columns: 250px 1fr 300px; /* Left Middle Right 3 Columns */
flex: 1;
overflow: hidden;
}
/* === 左侧:市场列表 === */
/* === Left: Market List === */
#market-sidebar {
background: var(--bg-dark);
border-right: 1px solid var(--border);
@@ -177,14 +177,14 @@
#market-sidebar li a { display: block; padding: 8px 5px; border-radius: 2px; }
#market-sidebar li a:hover { background: var(--bg-panel); }
/* === 中间:图表与盘口 === */
/* === Middle: Chart & Orderbook === */
#center-panel {
display: grid;
grid-template-rows: 60% 40%; /* 上图下盘口 */
grid-template-rows: 60% 40%; /* Top Chart Bottom Orderbook */
border-right: 1px solid var(--border);
}
/* K线图占位优化 */
/* K-Line Placeholder Optimization */
#chart-area {
background: var(--bg-panel);
border-bottom: 1px solid var(--border);
@@ -199,7 +199,7 @@
align-items: center;
color: var(--text-secondary);
}
/* 延迟警告美化 */
/* Latency Warning Styling */
#chart-area > div:last-child {
position: absolute;
top: 10px;
@@ -211,7 +211,7 @@
border: 1px solid var(--down);
}
/* 订单簿 */
/* Orderbook */
#order-book {
padding: 10px;
display: grid;
@@ -226,15 +226,15 @@
.book-column ul { font-family: 'Courier New', monospace; }
.book-column li { display: flex; justify-content: space-between; padding: 2px 0; }
/* 卖盘 (红) */
/* Asks (Red) */
.book-column:nth-child(2) li span:first-child { color: var(--down); }
/* 买盘 (绿) */
/* Bids (Green) */
.book-column:nth-child(5) li span:first-child { color: var(--up); }
/* 广告行隐藏 */
/* Ad Row Hidden */
.book-ad { display: none; }
/* 当前价格居中 */
/* Centered Current Price */
.current-price {
grid-column: 1 / -1;
text-align: center;
@@ -245,14 +245,14 @@
border-bottom: 1px solid var(--border);
}
/* === 右侧:交易与聊天 === */
/* === Right: Trade & Chat === */
#right-panel {
background: var(--bg-panel);
display: flex;
flex-direction: column;
}
/* 交易表单 */
/* Trade Form */
#trade-form { padding: 15px; }
#trade-form form > div { margin-bottom: 10px; }
#trade-form label { display: block; color: var(--text-secondary); margin-bottom: 4px; }
@@ -267,7 +267,7 @@
.btn-group button:first-child { background: var(--up); }
.btn-group button:last-child { background: var(--down); }
/* 杠杆警告美化 */
/* Leverage Warning Styling */
#trade-form > form > div:nth-last-child(2) {
border: 1px solid var(--border) !important;
background: #2b3139;
@@ -275,13 +275,13 @@
border-radius: 4px;
}
/* 实时成交 */
/* Recent Trades */
#recent-trades { padding: 10px; flex: 1; overflow-y: hidden; }
#recent-trades li { display: flex; justify-content: space-between; color: var(--text-secondary); font-family: monospace; }
#recent-trades li:nth-child(odd) { color: var(--up); }
#recent-trades li:nth-child(even) { color: var(--down); }
/* 聊天室 */
/* Chat Room */
#chat-room {
height: 200px;
border-top: 1px solid var(--border);
@@ -296,7 +296,7 @@
#chat-room form { display: flex; border-top: 1px solid var(--border); }
#chat-room input { flex: 1; background: transparent; border: none; color: white; padding: 8px; }
/* === 底部 === */
/* === Footer === */
#footer {
background: var(--bg-panel);
border-top: 1px solid var(--border);
@@ -315,50 +315,50 @@
<div id="app-root">
<div id="top-banner">
<p><strong>[系统公告]</strong> 由于节点维护ERC-20 代币提现将延迟 2 小时到账。</p>
<p><strong>[风险提示]</strong> 加密货币价格波动剧烈,请理性投资。</p>
<p><strong>[广告]</strong> 注册即送 5000 USDT 体验金!点击领取 >></p>
<p><strong>[System Notice]</strong> Due to node maintenance, ERC-20 token withdrawals will be delayed by 2 hours.</p>
<p><strong>[Risk Warning]</strong> Cryptocurrency prices are highly volatile. Please invest rationally.</p>
<p><strong>[Ad]</strong> Register to get 5000 USDT trial funds! Click to claim >></p>
</div>
<div id="header">
<h1>BitMatrix Pro | 专业版交易终端</h1>
<h1>BitMatrix Pro | Professional Trading Terminal</h1>
<nav>
<a href="#">法币交易</a> |
<a href="#">币币交易</a> |
<a href="#">合约交易 (100x)</a> |
<a href="#">理财挖矿</a> |
<a href="#">NFT 市场</a>
<a href="#">Fiat Trading</a> |
<a href="#">Spot Trading</a> |
<a href="#">Futures (100x)</a> |
<a href="#">Earn</a> |
<a href="#">NFT Market</a>
</nav>
<div>
<span>当前价格: <strong id="header-price">98,542.00</strong> USD</span>
<span>24h 涨跌: -2.4%</span>
<span>用户: User_888 (未认证)</span>
<span>Price: <strong id="header-price">98,542.00</strong> USD</span>
<span>24h Chg: -2.4%</span>
<span>User: User_888 (Unverified)</span>
</div>
</div>
<div id="main-layout">
<div id="market-sidebar">
<h3>市场列表</h3>
<h3>Market List</h3>
<form>
<input type="text" placeholder="搜索币种...">
<button type="button" style="display:none;"></button>
<input type="text" placeholder="Search coin...">
<button type="button" style="display:none;">Search</button>
</form>
<ul>
<li onclick="switchMarket('BTC/USDT', 98542.00)"><a href="javascript:void(0)">BTC/USDT - 98,542.00</a></li>
<li onclick="switchMarket('ETH/USDT', 3850.00)"><a href="javascript:void(0)">ETH/USDT - 3,850.00</a></li>
<li onclick="switchMarket('SOL/USDT', 145.20)"><a href="javascript:void(0)">SOL/USDT - 145.20</a></li>
<li onclick="switchMarket('DOGE/USDT', 0.1205)"><a href="javascript:void(0)">DOGE/USDT - 0.1205</a></li>
<li onclick="switchMarket('PEPE/USDT', 0.00001)"><a href="javascript:void(0)" style="color:#f6465d;">PEPE/USDT () - 0.00001</a></li>
<li onclick="switchMarket('SCAM/USDT', 1.00)"><a href="javascript:void(0)" style="color:#f6465d;">SCAM/USDT () - 1.00</a></li>
<li onclick="switchMarket('PEPE/USDT', 0.00001)"><a href="javascript:void(0)" style="color:#f6465d;">PEPE/USDT (Hot) - 0.00001</a></li>
<li onclick="switchMarket('SCAM/USDT', 1.00)"><a href="javascript:void(0)" style="color:#f6465d;">SCAM/USDT (New) - 1.00</a></li>
<li onclick="switchMarket('BNB/USDT', 600.00)"><a href="javascript:void(0)">BNB/USDT - 600.00</a></li>
</ul>
<div style="margin-top:20px; color:#555; font-size:11px;">
<h4>新手任务</h4>
<p>1. 完成 KYC 认证 (未完成)</p>
<p>2. 首次充值 $100 (未完成)</p>
<p>3. 开启合约账户 (未完成)</p>
<h4>Newcomer Tasks</h4>
<p>1. Complete KYC (Incomplete)</p>
<p>2. First Deposit $100 (Incomplete)</p>
<p>3. Open Futures Account (Incomplete)</p>
</div>
</div>
@@ -366,7 +366,7 @@
<div id="chart-area">
<div style="height: 30px; background: var(--bg-dark); display: flex; align-items: center; padding: 0 10px; gap: 10px; border-bottom: 1px solid var(--border);">
<span style="color:var(--text-secondary);">时间:</span>
<span style="color:var(--text-secondary);">Time:</span>
<button class="chart-time-btn active" onclick="switchChartTime(this, '15m')">15m</button>
<button class="chart-time-btn" onclick="switchChartTime(this, '1H')">1H</button>
<button class="chart-time-btn" onclick="switchChartTime(this, '4H')">4H</button>
@@ -378,17 +378,17 @@
<p>Loading scripts...</p>
<p>Connecting to WebSocket wss://api.bitmatrix.com...</p>
</div>
<!-- Delay 警告 -->
<!-- Delay Warning -->
<div style="position: absolute; top: 40px; right: 10px; background: rgba(246, 70, 93, 0.2); color: var(--down); padding: 5px 10px; border-radius: 4px; border: 1px solid var(--down);">
<small>Live Data Delay > 500ms</small>
</div>
</div>
<div id="order-book">
<h3>订单簿 (深度图)</h3>
<h3>Order Book (Depth)</h3>
<div class="book-column">
<h4>卖盘 (Asks)</h4>
<h4>Asks</h4>
<ul>
<li onclick="fillForm(98545.00, 0.52)"><span>98,545.00</span> - <span>0.52 BTC</span></li>
<li onclick="fillForm(98544.50, 0.11)"><span>98,544.50</span> - <span>0.11 BTC</span></li>
@@ -400,7 +400,7 @@
</div>
<div class="book-ad">
<p>--- 广告:使用 BNB 抵扣手续费,享受 7.5 折优惠 ---</p>
<p>--- Ad: Use BNB to deduct fees for a 25% discount ---</p>
</div>
<div class="current-price">
@@ -408,7 +408,7 @@
</div>
<div class="book-column">
<h4>买盘 (Bids)</h4>
<h4>Bids</h4>
<ul>
<li onclick="fillForm(98541.50, 0.33)"><span>98,541.50</span> - <span>0.33 BTC</span></li>
<li onclick="fillForm(98541.00, 5.00)"><span>98,541.00</span> - <span>5.00 BTC</span></li>
@@ -421,44 +421,44 @@
</div>
</div>
<!-- 右侧:交易与聊天 -->
<!-- Right: Trade & Chat -->
<div id="right-panel">
<div id="trade-form">
<h3>现货交易</h3>
<h3>Spot Trading</h3>
<form onsubmit="event.preventDefault();">
<div>
<label>类型:</label>
<input type="radio" name="type" checked> 限价
<input type="radio" name="type"> 市价
<label>Type:</label>
<input type="radio" name="type" checked> Limit
<input type="radio" name="type"> Market
</div>
<div>
<label>价格 (USDT):</label>
<label>Price (USDT):</label>
<input type="text" value="98542.00">
</div>
<div>
<label>数量 (BTC):</label>
<input type="text" placeholder="最小 0.0001">
<label>Amount (BTC):</label>
<input type="text" placeholder="Min 0.0001">
</div>
<div style="border: 1px dashed red; margin: 5px; padding: 5px;">
<input type="checkbox"> <strong>开启 100x 杠杆 (高风险)</strong>
<br><small>借币利率 0.05%/</small>
<input type="checkbox"> <strong>Enable 100x Leverage (High Risk)</strong>
<br><small>Borrow Rate 0.05%/day</small>
</div>
<p style="margin-bottom: 10px; color:#aaa;">可用余额: Loading...</p>
<p style="margin-bottom: 10px; color:#aaa;">Available Balance: Loading...</p>
<div class="btn-group">
<button type="button" onclick="executeTrade('buy')">买入 BTC</button>
<button type="button" onclick="executeTrade('sell')">卖出 BTC</button>
<button type="button" onclick="executeTrade('buy')">Buy BTC</button>
<button type="button" onclick="executeTrade('sell')">Sell BTC</button>
</div>
</form>
</div>
<div id="recent-trades">
<div style="padding:10px; border-bottom:1px solid #2b3139; display: flex; gap: 10px;">
<button class="trade-tab active" id="tab-btn-recent" onclick="switchTradeTab('recent')">最新成交</button>
<button class="trade-tab" id="tab-btn-orders" onclick="switchTradeTab('orders')">当前委托</button>
<button class="trade-tab active" id="tab-btn-recent" onclick="switchTradeTab('recent')">Recent Trades</button>
<button class="trade-tab" id="tab-btn-orders" onclick="switchTradeTab('orders')">Open Orders</button>
</div>
<div id="trade-list-container">
@@ -472,7 +472,7 @@
</div>
<div id="my-orders-container" style="display: none; padding: 10px;">
<p style="color: #666; font-size: 11px; text-align: center; margin-bottom: 5px;">- 仅显示当前未成交委托 -</p>
<p style="color: #666; font-size: 11px; text-align: center; margin-bottom: 5px;">- Only showing open orders -</p>
<ul id="my-orders-list">
<!-- Orders will be injected here -->
</ul>
@@ -480,19 +480,19 @@
</div>
<div id="chat-room">
<h3>Trollbox 聊天室 (999+)</h3>
<h3>Trollbox Chat (999+)</h3>
<div class="chat-messages">
<p><strong>Trader_A:</strong> BTC 要崩了,快跑!</p>
<p><strong>MoonBoi:</strong> 楼上傻子,这是技术性回调。</p>
<p style="color:#f6465d;"><strong>Admin_Bot:</strong> 请勿在聊天室发布广告。</p>
<p style="opacity:0.5;"><strong>Scammer_01:</strong> 加我 V 信送内幕消息:SuperWin888</p>
<p><strong>Whale_Watcher:</strong> 监测到 5000 BTC 转入交易所。</p>
<p><strong>Noob:</strong> 为什么我的提现还没到?</p>
<p style="color:#fcd535;"><strong>System:</strong> 用户 User_999 爆仓了。</p>
<p><strong>Trader_A:</strong> BTC is crashing, run!</p>
<p><strong>MoonBoi:</strong> Idiot above, it's a technical correction.</p>
<p style="color:#f6465d;"><strong>Admin_Bot:</strong> Do not post ads in chat.</p>
<p style="opacity:0.5;"><strong>Scammer_01:</strong> Add my WeChat for insider info: SuperWin888</p>
<p><strong>Whale_Watcher:</strong> 5000 BTC inflow to exchange detected.</p>
<p><strong>Noob:</strong> Why hasn't my withdrawal arrived?</p>
<p style="color:#fcd535;"><strong>System:</strong> User User_999 liquidated.</p>
</div>
<form>
<input type="text" placeholder="登录后发言..." disabled>
<button disabled style="background:#2b3139; color:#aaa; border:none;">发送</button>
<input type="text" placeholder="Log in to chat..." disabled>
<button disabled style="background:#2b3139; color:#aaa; border:none;">Send</button>
</form>
</div>
@@ -504,23 +504,23 @@
<div id="layout-bottom">
<div style="padding: 10px; border-right: 1px solid var(--border); overflow-y: auto;">
<h3>资产概览</h3>
<h3>Assets Overview</h3>
<div style="margin: 10px 0;">
<button class="tab-btn active" onclick="switchTab('assets')">资金账户</button>
<button class="tab-btn" onclick="switchTab('contract')">合约账户</button>
<button class="tab-btn" onclick="switchTab('finance')">理财账户</button>
<button class="tab-btn active" onclick="switchTab('assets')">Fund Account</button>
<button class="tab-btn" onclick="switchTab('contract')">Futures Account</button>
<button class="tab-btn" onclick="switchTab('finance')">Earn Account</button>
</div>
<!-- 资金账户表格 -->
<!-- Fund Account Table -->
<div id="tab-assets" class="asset-tab-content">
<table class="asset-table">
<thead>
<tr>
<th>币种</th>
<th>可用</th>
<th>冻结</th>
<th>BTC估值</th>
<th>操作</th>
<th>Coin</th>
<th>Available</th>
<th>Frozen</th>
<th>BTC Value</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@@ -529,61 +529,61 @@
<td id="asset-usdt-free">10,000.00</td>
<td id="asset-usdt-lock">0.00</td>
<td>0.1015</td>
<td><a href="javascript:void(0)" onclick="showDeposit()">充值</a> <a href="javascript:void(0)" onclick="showAlert('提现维护中')">提现</a></td>
<td><a href="javascript:void(0)" onclick="showDeposit()">Deposit</a> <a href="javascript:void(0)" onclick="showAlert('Withdrawal in maintenance')">Withdraw</a></td>
</tr>
<tr>
<td>BTC</td>
<td id="asset-btc-free">0.5000</td>
<td id="asset-btc-lock">0.00</td>
<td>0.5000</td>
<td><a href="javascript:void(0)" onclick="showDeposit()">充值</a> <a href="javascript:void(0)" onclick="showAlert('提现维护中')">提现</a></td>
<td><a href="javascript:void(0)" onclick="showDeposit()">Deposit</a> <a href="javascript:void(0)" onclick="showAlert('Withdrawal in maintenance')">Withdraw</a></td>
</tr>
<tr>
<td>ETH</td>
<td>0.0000</td>
<td>0.00</td>
<td>0.0000</td>
<td><a href="javascript:void(0)" onclick="showDeposit()">充值</a> <a href="javascript:void(0)" onclick="showAlert('提现维护中')">提现</a></td>
<td><a href="javascript:void(0)" onclick="showDeposit()">Deposit</a> <a href="javascript:void(0)" onclick="showAlert('Withdrawal in maintenance')">Withdraw</a></td>
</tr>
</tbody>
</table>
</div>
<!-- 合约账户表格 (默认隐藏) -->
<!-- Futures Account Table (Hidden by default) -->
<div id="tab-contract" class="asset-tab-content" style="display: none;">
<table class="asset-table">
<thead>
<tr>
<th>币种</th>
<th>权益</th>
<th>未实现盈亏</th>
<th>保证金率</th>
<th>操作</th>
<th>Coin</th>
<th>Equity</th>
<th>Unrealized PNL</th>
<th>Margin Ratio</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5" style="text-align:center; padding: 20px; color:#666;">暂无合约资产,请划转资金</td>
<td colspan="5" style="text-align:center; padding: 20px; color:#666;">No futures assets, please transfer funds</td>
</tr>
</tbody>
</table>
</div>
<!-- 理财账户表格 (默认隐藏) -->
<!-- Earn Account Table (Hidden by default) -->
<div id="tab-finance" class="asset-tab-content" style="display: none;">
<table class="asset-table">
<thead>
<tr>
<th>项目</th>
<th>总投入</th>
<th>昨日收益</th>
<th>累计收益</th>
<th>操作</th>
<th>Product</th>
<th>Total Stake</th>
<th>Yest. Yield</th>
<th>Total Yield</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5" style="text-align:center; padding: 20px; color:#666;">尚未参与任何理财项目</td>
<td colspan="5" style="text-align:center; padding: 20px; color:#666;">No active earn products</td>
</tr>
</tbody>
</table>
@@ -593,8 +593,8 @@
<div style="padding: 10px; display:flex; flex-direction: column;">
<div style="display:flex; justify-content: space-between; align-items: center;">
<h3>系统日志 / API 状态</h3>
<span style="color:#0ecb81; font-size:10px;">所有系统正常运行</span>
<h3>System Log / API Status</h3>
<span style="color:#0ecb81; font-size:10px;">All systems operational</span>
</div>
<div id="api-status">
> Initializing system check... [OK]<br>
@@ -612,46 +612,46 @@
<div id="advanced-panel">
<div>
<h4>关于我们</h4>
<h4>About Us</h4>
<ul>
<li><a href="#">关于 BitMatrix</a></li>
<li><a href="#">商务合作</a></li>
<li><a href="#">社区建设</a></li>
<li><a href="#">招纳贤才 <span style="background:var(--accent); color:black; padding:0 2px; border-radius:2px; font-size:10px;">HOT</span></a></li>
<li><a href="#">About BitMatrix</a></li>
<li><a href="#">Business Contact</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Careers <span style="background:var(--accent); color:black; padding:0 2px; border-radius:2px; font-size:10px;">HOT</span></a></li>
</ul>
</div>
<div>
<h4>客户服务</h4>
<h4>Customer Service</h4>
<ul>
<li><a href="#">帮助中心</a></li>
<li><a href="#">提交工单</a></li>
<li><a href="#">API 文档</a></li>
<li><a href="#">费率标准</a></li>
<li><a href="#">Help Center</a></li>
<li><a href="#">Submit Ticket</a></li>
<li><a href="#">API Documentation</a></li>
<li><a href="#">Fee Structure</a></li>
</ul>
</div>
<div>
<h4>条款说明</h4>
<h4>Terms & Conditions</h4>
<ul>
<li><a href="#">用户协议</a></li>
<li><a href="#">隐私政策</a></li>
<li><a href="#">法律声明</a></li>
<li><a href="#">Cookies 设置</a></li>
<li><a href="#">User Agreement</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Legal Disclaimer</a></li>
<li><a href="#">Cookie Settings</a></li>
</ul>
</div>
<div>
<h4>社区媒体</h4>
<h4>Communities</h4>
<div style="display:flex; gap:10px; font-size:20px;">
<a href="#" class="tooltip">X<span class="tooltiptext">关注我们的 Twitter</span></a>
<a href="#" class="tooltip">T<span class="tooltiptext">加入 Telegram 群组</span></a>
<a href="#" class="tooltip">D<span class="tooltiptext">加入 Discord 社区</span></a>
<a href="#" class="tooltip">R<span class="tooltiptext">浏览 Reddit 讨论区</span></a>
<a href="#" class="tooltip">X<span class="tooltiptext">Follow on Twitter</span></a>
<a href="#" class="tooltip">T<span class="tooltiptext">Join Telegram Group</span></a>
<a href="#" class="tooltip">D<span class="tooltiptext">Join Discord</span></a>
<a href="#" class="tooltip">R<span class="tooltiptext">Browse Reddit</span></a>
</div>
<p style="font-size:10px; color:#666; margin-top:10px;">扫描二维码下载 APP (iOS/Android)</p>
<p style="font-size:10px; color:#666; margin-top:10px;">Scan QR to download APP (iOS/Android)</p>
</div>
<div class="disclaimer-long" style="grid-column: 1 / -1;">
<p><strong>风险提示:</strong> 数字资产交易具有极高的风险可能导致部分或全部损失。请确保您充分了解涉及的风险并在根据您的经验水平、投资目标选择交易产品之前寻求独立的财务建议。BitMatrix 不对您的任何交易损失负责。过往表现不代表未来收益。</p>
<p>BitMatrix Pro 致力于遵守各运营地的法律法规。某些服务可能在特定司法管辖区不可用,包括但不限于美国、新加坡、伊朗、朝鲜等。</p>
<p><strong>Risk Warning:</strong> Digital asset trading is highly risky and may result in partial or total loss. Please ensure you fully understand the risks involved and seek independent financial advice before choosing a trading product based on your experience level and investment objectives. BitMatrix is not responsible for any of your trading losses. Past performance is not indicative of future returns.</p>
<p>BitMatrix Pro is committed to complying with the laws and regulations of each place of operation. Certain services may not be available in certain jurisdictions, including but not limited to the United States, Singapore, Iran, North Korea, etc.</p>
<p>CopyRight © 2025 BitMatrix Technology Ltd. All Rights Reserved.</p>
</div>
</div>
@@ -661,38 +661,38 @@
<div id="modal-content" style="background-color: var(--bg-panel); margin: 15% auto; padding: 20px; border: 1px solid var(--border); width: 400px; color: var(--text-primary);">
<p id="modal-message"></p>
<div style="text-align: right; margin-top: 20px;">
<button id="modal-cancel-btn" style="background-color: transparent; border: 1px solid var(--text-secondary); color: var(--text-primary); padding: 5px 15px; cursor: pointer; display: none;">取消</button>
<button id="modal-ok-btn" style="background-color: var(--accent); border: none; color: black; padding: 5px 15px; cursor: pointer; margin-left: 10px;">确定</button>
<button id="modal-cancel-btn" style="background-color: transparent; border: 1px solid var(--text-secondary); color: var(--text-primary); padding: 5px 15px; cursor: pointer; display: none;">Cancel</button>
<button id="modal-ok-btn" style="background-color: var(--accent); border: none; color: black; padding: 5px 15px; cursor: pointer; margin-left: 10px;">Confirm</button>
</div>
</div>
</div>
<!-- 充值模态框 (New) -->
<!-- Deposit Modal (New) -->
<div id="deposit-modal" style="display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6);">
<div style="background-color: var(--bg-panel); margin: 10% auto; padding: 25px; border: 1px solid var(--border); width: 350px; color: var(--text-primary); text-align: center; border-radius: 8px;">
<h3 style="margin-bottom: 20px;">充值 USDT (ERC-20)</h3>
<h3 style="margin-bottom: 20px;">Deposit USDT (ERC-20)</h3>
<div style="background: white; padding: 20px; width: 150px; height: 150px; margin: 0 auto; display: flex; justify-content: center; align-items: center;">
<!-- Pseudo QR Code -->
<div style="width: 100%; height: 100%; background-image: radial-gradient(black 40%, transparent 40%), radial-gradient(black 40%, transparent 40%); background-position: 0 0, 10px 10px; background-size: 20px 20px; opacity: 0.8;"></div>
</div>
<p style="margin-top: 15px; color: var(--text-secondary); font-size: 11px;">充值地址</p>
<p style="margin-top: 15px; color: var(--text-secondary); font-size: 11px;">Deposit Address</p>
<div style="background: #111; padding: 10px; border-radius: 4px; font-family: monospace; word-break: break-all; border: 1px solid #333;">
0x71C7656EC7ab88b098defB751B7401B5f6d8976F
</div>
<p style="color: var(--down); font-size: 10px; margin-top: 20px;">*请勿向此地址充值任何非 USDT 资产,否则将无法找回。</p>
<p style="color: var(--down); font-size: 10px; margin-top: 20px;">*Do not deposit non-USDT assets to this address, or they will be lost.</p>
<div style="margin-top: 20px; display: flex; gap: 10px; justify-content: center;">
<button onclick="document.getElementById('deposit-modal').style.display='none'" style="background: #333; color: white; border: none; padding: 8px 20px; cursor: pointer; border-radius: 4px;">关闭</button>
<button onclick="simulateDeposit()" style="background: var(--up); color: white; border: none; padding: 8px 20px; cursor: pointer; border-radius: 4px;">模拟到账</button>
<button onclick="document.getElementById('deposit-modal').style.display='none'" style="background: #333; color: white; border: none; padding: 8px 20px; cursor: pointer; border-radius: 4px;">Close</button>
<button onclick="simulateDeposit()" style="background: var(--up); color: white; border: none; padding: 8px 20px; cursor: pointer; border-radius: 4px;">Simulate Arrival</button>
</div>
</div>
</div>
<div id="footer">
<p>联系我们 | API 文档 | 费率标准 | 上币申请</p>
<p>Contact Us | API | Fees | Listing Application</p>
<p>© 2025 BitMatrix. All rights reserved.</p>
<p>Disclaimer: Digital assets are highly volatile.</p>
<p>Server Time: 2025-12-22 12:00:00 UTC</p>
@@ -812,7 +812,7 @@
list.className = 'my-order-list-style'; // Can add style later if needed
list.innerHTML = '';
if (SYSTEM_STATE.orders.length === 0) {
list.innerHTML = '<li style="text-align: center; color: #555; padding: 20px;">暂无委托</li>';
list.innerHTML = '<li style="text-align: center; color: #555; padding: 20px;">No Open Orders</li>';
return;
}
SYSTEM_STATE.orders.forEach((order, index) => {
@@ -824,14 +824,14 @@
<span>${order.pair}</span><br>
<small>Price: ${order.price}</small> <small>Amt: ${order.amount}</small>
</div>
<button onclick="cancelOrder(${index})" style="background: transparent; border: 1px solid #555; color: #888; cursor: pointer; padding: 2px 5px; font-size: 10px;">撤单</button>
<button onclick="cancelOrder(${index})" style="background: transparent; border: 1px solid #555; color: #888; cursor: pointer; padding: 2px 5px; font-size: 10px;">Cancel</button>
`;
list.appendChild(li);
});
}
function cancelOrder(index) {
showConfirm("确认撤销此委托单吗?", () => {
showConfirm("Confirm to cancel this order?", () => {
const order = SYSTEM_STATE.orders[index];
// Return funds
if (order.type === 'buy') {
@@ -840,7 +840,7 @@
SYSTEM_STATE.balance.btc += order.amount;
}
SYSTEM_STATE.orders.splice(index, 1);
showAlert("撤单成功");
showAlert("Order cancelled successfully");
updateBalanceDisplay();
updateMyOrders();
updateAssetTables(); // Refresh assets
@@ -867,7 +867,7 @@
// Initial Render
function updateBalanceDisplay() {
const balanceEl = document.querySelector("#trade-form p");
balanceEl.innerHTML = `可用余额: <strong>${SYSTEM_STATE.balance.usdt.toFixed(2)} USDT</strong> / <strong>${SYSTEM_STATE.balance.btc.toFixed(4)} BTC</strong> <a href="#" style="color:#fcd535;" onclick="showDeposit()">[充值]</a>`;
balanceEl.innerHTML = `Available Balance: <strong>${SYSTEM_STATE.balance.usdt.toFixed(2)} USDT</strong> / <strong>${SYSTEM_STATE.balance.btc.toFixed(4)} BTC</strong> <a href="#" style="color:#fcd535;" onclick="showDeposit()">[Deposit]</a>`;
updateAssetTables();
}
@@ -877,7 +877,7 @@
function simulateDeposit() {
document.getElementById('deposit-modal').style.display = 'none';
showAlert("模拟充值成功!账户增加 10,000 USDT");
showAlert("Simulate deposit success! Account added 10,000 USDT");
SYSTEM_STATE.balance.usdt += 10000;
updateBalanceDisplay();
}
@@ -894,14 +894,14 @@
const isMarket = document.querySelectorAll('input[name="type"]')[1].checked; // Simple check
if (isNaN(price) || isNaN(amount) || amount <= 0) {
showAlert("请输入有效的价格和数量");
showAlert("Please enter valid price and amount");
return;
}
const total = price * amount;
if (isLeverage) {
showConfirm(`警告:您开启了 100x 高倍杠杆。\n风险极高是否继续`, () => {
showConfirm(`Warning: You have enabled 100x high leverage.\nThe risk is extremely high, continue?`, () => {
processOrder(type, price, amount, total, true, isMarket);
});
} else {
@@ -912,14 +912,14 @@
function processOrder(type, price, amount, total, leverage, isMarket) {
// Validation with local state
if(type === 'buy') {
if (SYSTEM_STATE.balance.usdt < total) { showAlert("错误可用 USDT 余额不足"); return; }
if (SYSTEM_STATE.balance.usdt < total) { showAlert("Error: Insufficient USDT balance."); return; }
} else {
if (SYSTEM_STATE.balance.btc < amount) { showAlert("错误可用 BTC 余额不足"); return; }
if (SYSTEM_STATE.balance.btc < amount) { showAlert("Error: Insufficient BTC balance."); return; }
}
const confirmMsg = isMarket ?
`确认以市价 ${type === 'buy' ? '买入' : '卖出'} ${amount} BTC?` :
`确认限价挂单: ${type === 'buy' ? '买入' : '卖出'} ${amount} BTC @ ${price}?`;
`Confirm Market ${type === 'buy' ? 'Buy' : 'Sell'} ${amount} BTC?` :
`Confirm Limit Order: ${type === 'buy' ? 'Buy' : 'Sell'} ${amount} BTC @ ${price}?`;
showConfirm(confirmMsg, () => {
// Deduct balance immediately (freeze)
@@ -935,7 +935,7 @@
if(type === 'buy') SYSTEM_STATE.balance.btc += amount;
else SYSTEM_STATE.balance.usdt += total;
showAlert("市价单已立即成交!");
showAlert("Market order filled immediately!");
updateBalanceDisplay();
} else {
// Limit Order -> Add to Open Orders
@@ -947,7 +947,7 @@
total: total,
time: new Date()
});
showAlert("限价单已提交至交易引擎。");
showAlert("Limit order submitted to engine.");
// Switch to orders tab to show user
switchTradeTab('orders');
@@ -967,7 +967,7 @@
if(list.children.length > 20) list.lastElementChild.remove();
}
// 模拟盘口数据跳动
// Simulate order book data updates
function simulateOrderBook() {
const bidList = document.querySelectorAll('.book-column:nth-child(5) ul li');
if(bidList.length === 0) return; // safety
@@ -985,10 +985,10 @@
}
}
// 聊天室逻辑
// Chat room logic
const chatInput = document.querySelector('#chat-room input');
const chatBtn = document.querySelector('#chat-room button');
chatInput.disabled = false; chatInput.placeholder = "输入消息..."; chatBtn.disabled = false;
chatInput.disabled = false; chatInput.placeholder = "Enter message..."; chatBtn.disabled = false;
chatBtn.style.color = "white"; chatBtn.style.cursor = "pointer";
chatBtn.onclick = (e) => {
e.preventDefault();

22
006/record.json Normal file
View File

@@ -0,0 +1,22 @@
{
"step-1": {
"query": "最近Meme币很火我想看看那个叫PEPE的热门币种现在的行情",
"grounding_area": ""
},
"step-2": {
"query": "现在的15分钟线波动太剧烈了切到1小时线看看长期趋势",
"grounding_area": ""
},
"step-3": {
"query": "感觉价格合适我想挂单买入。把买入价格设定为当前卖一价Order Book红色区域最底下的那个价格",
"grounding_area": ""
},
"step-4": {
"query": "这次我想玩点大的,把杠杆拉满",
"grounding_area": ""
},
"step-5": {
"query": "梭哈了,直接点击买入按钮开仓",
"grounding_area": ""
}
}