Phone-only: funds strip, hide list filter, slim options columns, fix order dialog.

This commit is contained in:
dekun
2026-07-27 07:26:34 +08:00
parent f04a91efe6
commit 6886de0bad
3 changed files with 66 additions and 17 deletions
+60 -7
View File
@@ -5539,9 +5539,8 @@ html[data-theme="light"] .options-review-wrap .or-reviewed-table tbody tr:hover
--inst-m-page-pad: calc(var(--inst-m-tabbar-h) + max(16px, env(safe-area-inset-bottom)) + 12px);
}
/* 仅手机壳:不碰 >720 桌面/平板 */
/* 仅手机壳:不碰 >720 桌面/平板。overflow 放 container,避免裁切 fixed 下单弹窗 */
body.inst-phone {
overflow-x: hidden !important;
padding-bottom: var(--inst-m-page-pad) !important;
box-sizing: border-box;
}
@@ -5579,13 +5578,16 @@ html[data-theme="light"] .options-review-wrap .or-reviewed-table tbody tr:hover
box-sizing: border-box;
}
body.inst-phone .list-window-hint,
body.inst-phone .list-window-label {
display: none !important;
body.inst-phone .instance-header-toolbar {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px;
}
body.inst-phone .instance-header-toolbar-filter {
gap: 6px;
body.inst-phone .instance-header-toolbar-end {
width: auto;
margin-left: auto;
}
body.inst-phone .instance-phone-only {
@@ -5734,6 +5736,57 @@ html[data-theme="light"] .options-review-wrap .or-reviewed-table tbody tr:hover
white-space: nowrap;
}
/* 列表视图:隐藏合约 / 买一 / 到期平衡 / 距平衡(保留行权价·类型·卖一·操作) */
body.inst-phone #opt-strike-head-list th:nth-child(3),
body.inst-phone #opt-strike-head-list th:nth-child(5),
body.inst-phone #opt-strike-head-list th:nth-child(6),
body.inst-phone #opt-strike-head-list th:nth-child(7),
body.inst-phone .opt-strike-row:not(.opt-strike-row-t) > td:nth-child(3),
body.inst-phone .opt-strike-row:not(.opt-strike-row-t) > td:nth-child(5),
body.inst-phone .opt-strike-row:not(.opt-strike-row-t) > td:nth-child(6),
body.inst-phone .opt-strike-row:not(.opt-strike-row-t) > td:nth-child(7) {
display: none !important;
}
/* 选择后下单弹窗:盖过底栏,可滚动完整显示 */
body.inst-phone .opt-order-backdrop {
z-index: 2400;
align-items: flex-end;
justify-content: center;
padding: 0;
padding-bottom: env(safe-area-inset-bottom);
background: rgba(0, 0, 0, 0.72);
}
body.inst-phone .opt-order-backdrop:not([hidden]) {
display: flex !important;
}
body.inst-phone .opt-order-dialog {
width: 100%;
max-width: 100%;
max-height: min(88vh, 720px);
margin: 0;
border-radius: 16px 16px 0 0;
padding: 14px 14px calc(14px + env(safe-area-inset-bottom));
overflow: auto;
-webkit-overflow-scrolling: touch;
}
body.inst-phone .opt-order-dialog .options-order-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
body.inst-phone .options-estimate-row .opt-est-main {
flex-wrap: wrap;
}
body.inst-phone .opt-size-mode-bar {
flex-wrap: wrap;
width: 100%;
}
body.inst-phone .inst-mobile-tabbar {
display: flex;
position: fixed;
+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=11">
<link rel="stylesheet" href="/static/instance_theme.css?v=107">
<link rel="stylesheet" href="/static/instance_theme.css?v=108">
<script src="/static/account_risk_badge.js?v=4"></script>
<meta name="theme-color" content="#0b0d14">
<title>{{ pwa_app_name }}</title>
@@ -1,7 +1,7 @@
{# 统一顶栏:状态 + 筛选(上)· 统计条(下) #}
<div class="instance-header-panel card">
<div class="instance-header-toolbar">
<div class="instance-header-toolbar-filter">
<div class="instance-header-toolbar-filter instance-desktop-only">
<span class="list-window-label" title="列表按 UTC 时间筛选,默认本月">UTC {{ list_window.label }}</span>
<label class="list-window-preset">预设
<select id="win-preset-select" onchange="toggleListWindowCustom()">
@@ -42,17 +42,13 @@
<em>交易</em>
<b data-funds-field="current-capital">{{ funds_fmt(current_capital) }}U</b>
</span>
<span class="inst-phone-chip">
<em>资金</em>
<b data-funds-field="total-capital">{% if funding_usdt is not none %}{{ funds_fmt(funding_usdt) }}U{% else %}—{% endif %}</b>
</span>
<span class="inst-phone-chip">
<em>总资</em>
<b data-funds-field="total-funds">{% if total_funds is not none %}{{ funds_fmt(total_funds) }}U{% else %}—{% endif %}</b>
</span>
<span class="inst-phone-chip">
<em>胜率</em>
<b data-funds-field="stat-rate">{{ rate }}%</b>
</span>
<span class="inst-phone-chip inst-phone-chip--pnl">
<em>浮盈</em>
<b data-funds-field="realtime-pnl"></b>
</span>
</div>
</div>