update at 2026-02-13 23:27:50

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>

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 {