diff --git a/lib/common/static/instance_theme.css b/lib/common/static/instance_theme.css index 07f2d9d..60b9e3b 100644 --- a/lib/common/static/instance_theme.css +++ b/lib/common/static/instance_theme.css @@ -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; diff --git a/lib/instance/templates/embed_shell.html b/lib/instance/templates/embed_shell.html index c0ea6e8..84408b5 100644 --- a/lib/instance/templates/embed_shell.html +++ b/lib/instance/templates/embed_shell.html @@ -8,7 +8,7 @@ - +