u

2026-02-15 14:24:33 +08:00 · 2026-02-15 14:24:33 +08:00 · ffca7037ed
commit ffca7037ed
parent f5c2051226
1 changed files with 29 additions and 2 deletions
--- a/frontend/paper-trading.html
+++ b/frontend/paper-trading.html
@ -2,10 +2,16 @@
 <html lang="zh-CN">
 <head>
    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Tradus Auto Trading | Based on AI Agent</title>
    <link rel="stylesheet" href="/static/css/style.css">
    <style>
+        /* 防止横向滚动 */
+        html, body {
+            overflow-x: hidden;
+            max-width: 100vw;
+        }
+
        /* 覆盖全局 #app 样式 */
        #app {
            height: auto;
@ -13,6 +19,7 @@
            align-items: initial;
            justify-content: initial;
            padding: 0;
+            overflow-x: hidden;
        }

        .trading-page {
@ -554,11 +561,18 @@
        @media (max-width: 768px) {
            .trading-page {
                padding: 10px;
+                overflow-x: hidden;
            }

            .trading-container {
                min-width: auto;
                max-width: 100%;
+                overflow-x: hidden;
+            }
+
+            /* 取消顶部固定 */
+            .sticky-header {
+                position: static;
            }

            .trading-header {
@ -583,10 +597,12 @@

            .stat-card {
                padding: 12px;
+                min-width: 0;
            }

            .stat-value {
-                font-size: 18px;
+                font-size: 16px;
+                word-break: break-all;
            }

            .tabs {
@ -632,6 +648,17 @@
            .monitor-status span {
                display: none;
            }
+
+            /* 实时价格 */
+            .price-list {
+                flex-direction: column;
+                gap: 8px;
+            }
+
+            .price-item {
+                width: 100%;
+                box-sizing: border-box;
+            }
        }

        @media (max-width: 480px) {