From 0e4fb18f565a0486b85c75447a986267d4fe77a4 Mon Sep 17 00:00:00 2001
From: "douboer@gmail.com" <gavin@gavin-mac-mini.local>
Date: Fri, 13 Feb 2026 23:27:50 +0800
Subject: [PATCH] update at 2026-02-13 23:27:50

---
 miniapp/pages/index/index.wxml | 17 +++--------------
 miniapp/pages/index/index.wxss | 15 ++++++---------
 2 files changed, 9 insertions(+), 23 deletions(-)

diff --git a/miniapp/pages/index/index.wxml b/miniapp/pages/index/index.wxml
index c8fb2cb..9116040 100644
--- a/miniapp/pages/index/index.wxml
+++ b/miniapp/pages/index/index.wxml
@@ -12,8 +12,6 @@
       <text class="upload-text">{{uploadMessage}}</text>
     </view>
 
-    <view class="toolbar-spacer" />
-
     <view class="export-box">
       <image class="export-main" src="../../assets/icons/export.svg" mode="aspectFit" />
       <image class="export-icon" src="../../assets/icons/export-svg.svg" mode="aspectFit" bindtap="onExportSvg" />
@@ -47,10 +45,7 @@
         </view>
 
         <view class="direction-item" bindtap="onToggleDirection">
-          <view class="vertical-label">
-            <text>方</text>
-            <text>向</text>
-          </view>
+          <text class="inline-label">方向</text>
           <view class="direction-switch {{direction === 'source-to-target' ? 'on' : ''}}">
             <text class="direction-text">{{direction === 'source-to-target' ? 'source' : 'target'}}</text>
             <view class="direction-thumb" />
@@ -58,10 +53,7 @@
         </view>
 
         <view class="picker-item">
-          <view class="vertical-label">
-            <text>位</text>
-            <text>置</text>
-          </view>
+          <text class="inline-label">位置</text>
           <picker mode="selector" range="{{labelPositionOptionLabels}}" value="{{labelPositionIndex}}" bindchange="onChangeLabelPosition">
             <view class="select-pill">
               <text>{{labelPositionOptionLabels[labelPositionIndex]}}</text>
@@ -71,10 +63,7 @@
         </view>
 
         <view class="picker-item">
-          <view class="vertical-label">
-            <text>对</text>
-            <text>齐</text>
-          </view>
+          <text class="inline-label">对齐</text>
           <picker mode="selector" range="{{targetAlignOptionLabels}}" value="{{targetAlignIndex}}" bindchange="onChangeTargetAlign">
             <view class="select-pill wide">
               <text>{{targetAlignOptionLabels[targetAlignIndex]}}</text>
diff --git a/miniapp/pages/index/index.wxss b/miniapp/pages/index/index.wxss
index e7d333d..6e1e0f7 100644
--- a/miniapp/pages/index/index.wxss
+++ b/miniapp/pages/index/index.wxss
@@ -73,11 +73,6 @@
   text-overflow: ellipsis;
 }
 
-.toolbar-spacer {
-  flex: 1;
-  min-width: 0;
-}
-
 .export-box {
   background: #fff;
   border: 0.5px solid #e5e6eb;
@@ -116,6 +111,7 @@
 .preview-head {
   display: flex;
   align-items: center;
+  justify-content: space-between;
   gap: 4px;
 }
 
@@ -126,7 +122,9 @@
 }
 
 .preview-controls {
-  flex: 1;
+  flex: 0 1 auto;
+  width: 286px;
+  max-width: calc(100% - 82px);
   min-width: 0;
   display: flex;
   align-items: center;
@@ -176,13 +174,12 @@
   height: 8px;
 }
 
-.vertical-label {
-  display: flex;
-  flex-direction: column;
+.inline-label {
   color: #000;
   font-size: 12px;
   font-weight: 600;
   line-height: 1;
+  white-space: nowrap;
 }
 
 .direction-switch {