update at 2026-02-13 22:40:22

miniapp/pages/index/index.wxss

@@ -1,8 +1,11 @@
 .page {
-  min-height: 100vh;
+  height: 100vh;
   padding: 8px;
   background: #f3f4f6;
   box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }
 
 .header {
@@ -10,6 +13,7 @@
   display: flex;
   align-items: center;
   gap: 8px;
+  flex-shrink: 0;
 }
 
 .logo {
@@ -31,6 +35,7 @@
   align-items: center;
   gap: 6px;
   padding-left: 6px;
+  flex-shrink: 0;
 }
 
 .tool-icon {
@@ -101,6 +106,11 @@
   background: #fff;
   padding: 3.2px;
   box-sizing: border-box;
+  flex: 1;
+  min-height: 220px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }
 
 .preview-head {
@@ -227,7 +237,9 @@
 .preview-canvas {
   margin-top: 3px;
   width: 100%;
-  height: 371px;
+  height: auto;
+  flex: 1;
+  min-height: 120px;
   border-radius: 4px;
   background: #f7f8fa;
 }
@@ -237,6 +249,9 @@
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 8px;
+  height: 300px;
+  min-height: 180px;
+  flex-shrink: 0;
 }
 
 .panel {
@@ -245,18 +260,37 @@
   background: #fff;
   padding: 8px;
   box-sizing: border-box;
+  height: 100%;
+  overflow: hidden;
 }
 
 .data-panel {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.data-scroll {
+  margin-top: 12px;
+  flex: 1;
+  height: 0;
+  min-height: 0;
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
 
+.empty-tip {
+  color: #86909c;
+  font-size: 12px;
+  line-height: 1.4;
+}
+
 .log-panel {
   display: flex;
   flex-direction: column;
   gap: 8px;
+  min-height: 0;
 }
 
 .panel-title {
@@ -316,11 +350,11 @@
 
 .log-list {
   flex: 1;
+  height: 0;
   min-height: 0;
   display: flex;
   flex-direction: column;
   gap: 6px;
-  overflow: auto;
 }
 
 .log-item {
@@ -334,6 +368,7 @@
   color: #86909c;
   font-size: 14px;
   line-height: 1.3;
+  flex-shrink: 0;
 }
 
 .theme-sheet-mask {