dekun/crypto_okx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move options convert/transfer into the positions card as a collapsed fold.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-08-16 16:09:10 +08:00
parent d0197914ea
commit cdbc947838
5 changed files with 62 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+16 -23
View File
@@ -4577,35 +4577,28 @@ html[data-theme="light"] .opt-order-chip {
gap: 16px;
align-items: stretch;
}
.options-order-col {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
}
.options-funds-card {
flex: 0 0 auto;
}
.options-funds-card h2 {
margin: 0 0 8px;
font-size: 0.9rem;
font-weight: 600;
}
.options-funds-card .options-settings-section + .options-settings-section {
margin-top: 12px;
padding-top: 10px;
border-top: 1px solid var(--border-soft, #2a3150);
}
.options-funds-card .options-settings-hint {
margin: 0 0 6px;
font-size: 0.72rem;
}
.options-order-card,
.options-pos-card-wrap {
display: flex;
flex-direction: column;
min-height: 0;
}
.options-funds-fold {
flex-shrink: 0;
margin-top: 10px;
}
.options-funds-fold-body {
padding-top: 8px;
}
.options-funds-fold .options-settings-section + .options-settings-section {
margin-top: 10px;
padding-top: 8px;
border-top: 1px solid var(--border-soft, #2a3150);
}
.options-funds-fold .options-settings-hint {
margin: 0 0 6px;
font-size: 0.72rem;
}
.options-pos-stack,
.options-pos-tab-body {
flex: 1;
lib/instance/templates/embed_shell.html
+1 -1
View File
@@ -8,7 +8,7 @@
<link rel="stylesheet" href="/static/instance_theme_early.css?v=4">
<link rel="stylesheet" href="/static/account_risk_badge.css?v=4">
<link rel="stylesheet" href="/static/instance_page.css?v=16">
<link rel="stylesheet" href="/static/instance_theme.css?v=119">
<link rel="stylesheet" href="/static/instance_theme.css?v=120">
<script src="/static/account_risk_badge.js?v=4"></script>
<script src="/static/open_submit_gate.js?v=1"></script>
<meta name="theme-color" content="#0b0d14">
lib/instance/templates/index.html
+1 -1
View File
@@ -19,7 +19,7 @@
<link rel="manifest" href="/static/icons/manifest.webmanifest">
<title>{{ pwa_app_name }}</title>
<link rel="stylesheet" href="/static/instance_page.css?v=16">
<link rel="stylesheet" href="/static/instance_theme.css?v=119">
<link rel="stylesheet" href="/static/instance_theme.css?v=120">
</head>
<body
lib/options/templates/options_page_funds.html
+43 -41
View File
@@ -1,44 +1,46 @@
{# 期权页·下单下方:兑换 + 划转(独立 ID,避免与系统设置冲突) #}
<div class="card options-funds-card" id="options-funds-card">
<h2>兑换 / 划转</h2>
<div class="options-settings-section">
<p class="options-settings-hint">账户资金账户:USDT ↔ USDC 现货市价单.</p>
<div class="form-row settings-transfer-form options-settings-row">
<input type="text" name="username" autocomplete="username" tabindex="-1" aria-hidden="true"
style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0" value="">
<select id="opt-page-swap-dir" aria-label="兑换方向" autocomplete="off">
<option value="usdt_to_usdc" selected>USDT → USDC</option>
<option value="usdc_to_usdt">USDC → USDT</option>
</select>
<input type="number" id="opt-page-swap-amount" name="cm_opt_page_swap_amt" min="0.01" step="0.01" placeholder="数量"
autocomplete="off" inputmode="decimal" data-lpignore="true" data-1p-ignore="true" data-bwignore="true" data-form-type="other" readonly>
<button type="button" class="btn-secondary btn-sm" id="opt-page-swap-all-btn">全部兑换</button>
<button type="button" class="btn-primary btn-sm" id="opt-page-swap-btn">市价兑换</button>
{# 期权页·持仓卡内:兑换 + 划转(默认折叠;独立 ID 避免与系统设置冲突) #}
<details class="opt-close-rule options-funds-fold" id="options-funds-card">
<summary>兑换 / 划转</summary>
<div class="opt-close-rule-body options-funds-fold-body">
<div class="options-settings-section">
<p class="options-settings-hint">账户资金账户:USDT ↔ USDC 现货市价单.</p>
<div class="form-row settings-transfer-form options-settings-row">
<input type="text" name="username" autocomplete="username" tabindex="-1" aria-hidden="true"
style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0" value="">
<select id="opt-page-swap-dir" aria-label="兑换方向" autocomplete="off">
<option value="usdt_to_usdc" selected>USDT → USDC</option>
<option value="usdc_to_usdt">USDC → USDT</option>
</select>
<input type="number" id="opt-page-swap-amount" name="cm_opt_page_swap_amt" min="0.01" step="0.01" placeholder="数量"
autocomplete="off" inputmode="decimal" data-lpignore="true" data-1p-ignore="true" data-bwignore="true" data-form-type="other" readonly>
<button type="button" class="btn-secondary btn-sm" id="opt-page-swap-all-btn">全部兑换</button>
<button type="button" class="btn-primary btn-sm" id="opt-page-swap-btn">市价兑换</button>
</div>
<div id="opt-page-swap-msg" class="options-settings-msg muted"></div>
</div>
<div id="opt-page-swap-msg" class="options-settings-msg muted"></div>
</div>
<div class="options-settings-section">
<div class="options-settings-subtitle">账户内划转</div>
<div class="form-row settings-transfer-form options-settings-row">
<input type="text" name="username" autocomplete="username" tabindex="-1" aria-hidden="true"
style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0" value="">
<select id="opt-page-int-ccy" aria-label="币种" autocomplete="off">
<option value="USDC" selected>USDC</option>
<option value="USDT">USDT</option>
</select>
<select id="opt-page-int-from" aria-label="划出账户">
<option value="funding" selected>from: 资金</option>
<option value="trading">from: 交易</option>
</select>
<select id="opt-page-int-to" aria-label="划入账户">
<option value="trading" selected>to: 交易</option>
<option value="funding">to: 资金</option>
</select>
<input type="number" id="opt-page-int-amount" name="cm_opt_page_int_amt" min="0.01" step="0.01" placeholder="数量"
autocomplete="off" inputmode="decimal" data-lpignore="true" data-1p-ignore="true" data-bwignore="true" data-form-type="other" readonly>
<button type="button" class="btn-secondary btn-sm" id="opt-page-int-all-btn">全部划转</button>
<button type="button" class="btn-primary btn-sm" id="opt-page-int-btn">划转</button>
<div class="options-settings-section">
<div class="options-settings-subtitle">账户内划转</div>
<div class="form-row settings-transfer-form options-settings-row">
<input type="text" name="username" autocomplete="username" tabindex="-1" aria-hidden="true"
style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0" value="">
<select id="opt-page-int-ccy" aria-label="币种" autocomplete="off">
<option value="USDC" selected>USDC</option>
<option value="USDT">USDT</option>
</select>
<select id="opt-page-int-from" aria-label="划出账户">
<option value="funding" selected>from: 资金</option>
<option value="trading">from: 交易</option>
</select>
<select id="opt-page-int-to" aria-label="划入账户">
<option value="trading" selected>to: 交易</option>
<option value="funding">to: 资金</option>
</select>
<input type="number" id="opt-page-int-amount" name="cm_opt_page_int_amt" min="0.01" step="0.01" placeholder="数量"
autocomplete="off" inputmode="decimal" data-lpignore="true" data-1p-ignore="true" data-bwignore="true" data-form-type="other" readonly>
<button type="button" class="btn-secondary btn-sm" id="opt-page-int-all-btn">全部划转</button>
<button type="button" class="btn-primary btn-sm" id="opt-page-int-btn">划转</button>
</div>
<div id="opt-page-int-msg" class="options-settings-msg muted"></div>
</div>
<div id="opt-page-int-msg" class="options-settings-msg muted"></div>
</div>
</div>
</details>
lib/options/templates/options_panel.html
+1 -4
View File
@@ -15,7 +15,6 @@
{% endif %}
<div class="options-dual-grid">
<div class="options-order-col">
<div class="card options-order-card"{% if options_open_allowed is defined and not options_open_allowed %} style="opacity:.72"{% endif %}>
<h2>期权下单{% if options_open_allowed is defined and not options_open_allowed %} <small class="muted">(对冲模式已禁用开仓)</small>{% endif %}</h2>
<details class="opt-close-rule opt-open-rule">
@@ -182,9 +181,6 @@
</div>
</div>
{% include 'options_page_funds.html' %}
</div>
<div class="card options-pos-card-wrap">
<div class="options-pos-head">
<h2>持仓</h2>
@@ -350,6 +346,7 @@
</div>
</div>
</div>
{% include 'options_page_funds.html' %}
</div>
</div>
</div>