Phone-only: funds strip, hide list filter, slim options columns, fix order dialog.
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user