fix: make move content

pages/make/index.vue

@@ -212,6 +212,22 @@
             />
           </view>
 
+          <!-- 署名 -->
+          <view class="form-item">
+            <text class="label">署名</text>
+            <view class="input-wrapper">
+              <input
+                class="input-box"
+                v-model="signatureName"
+                placeholder="请输入署名"
+                placeholder-style="color:#ccc"
+                maxlength="10"
+                @blur="handleSignatureBlur"
+              />
+              <text class="edit-icon">✎</text>
+            </view>
+          </view>
+
           <!-- 祝福语库 -->
           <view class="form-item">
             <view class="label-row">
@@ -243,21 +259,37 @@
               </view>
             </scroll-view>
           </view>
+        </view>
+
+        <!-- 样式与位置 -->
+        <view v-if="activeTool === 'position'" class="section position-section">
+          <view class="section-title">
+            <text>调整样式与位置</text>
+          </view>
+
+          <!-- 字体大小 -->
+          <view class="form-item" style="margin-top: 20rpx">
+            <text class="label">字体大小</text>
+            <slider
+              :value="fontSize"
+              min="24"
+              max="64"
+              show-value
+              @change="(e) => (fontSize = e.detail.value)"
+              activeColor="#ff3b30"
+            />
+          </view>
 
-          <!-- 署名 -->
           <view class="form-item">
-            <text class="label">署名</text>
+            <text class="label">祝福语宽窄</text>
-            <view class="input-wrapper">
+            <slider
-              <input
+              :value="bubbleMaxWidth"
-                class="input-box"
+              min="200"
-                v-model="signatureName"
+              max="460"
-                placeholder="请输入署名"
+              show-value
-                placeholder-style="color:#ccc"
+              @change="(e) => (bubbleMaxWidth = e.detail.value)"
-                maxlength="10"
+              activeColor="#ff3b30"
-                @blur="handleSignatureBlur"
+            />
-              />
-              <text class="edit-icon">✎</text>
-            </view>
           </view>
 
           <!-- 字体选择 -->
@@ -280,19 +312,6 @@
             </scroll-view>
           </view>
 
-          <!-- 字体大小 -->
-          <view class="form-item">
-            <text class="label">字体大小</text>
-            <slider
-              :value="fontSize"
-              min="24"
-              max="64"
-              show-value
-              @change="(e) => (fontSize = e.detail.value)"
-              activeColor="#ff3b30"
-            />
-          </view>
-
           <!-- 文字颜色 -->
           <view class="form-item">
             <text class="label">祝福语颜色</text>
@@ -310,15 +329,25 @@
               </view>
             </view>
           </view>
-        </view>
 
-        <!-- 位置调整 -->
+          <view class="form-item">
-        <view v-if="activeTool === 'position'" class="section position-section">
+            <text class="label">署名颜色</text>
-          <view class="section-title">
+            <view class="color-list">
-            <text>调整位置</text>
+              <view
+                v-for="(color, index) in textColors"
+                :key="index"
+                class="color-item"
+                :style="{ background: color }"
+                @tap="signatureColor = color"
+              >
+                <view v-if="signatureColor === color" class="color-check"
+                  >✔</view
+                >
+              </view>
+            </view>
           </view>
 
-          <view class="form-item" style="margin-top: 20rpx">
+          <!-- <view class="form-item">
             <text class="label">祝福语气泡 (上下)</text>
             <slider
               :value="bubbleOffsetY"
@@ -330,18 +359,6 @@
             />
           </view>
 
-          <view class="form-item">
-            <text class="label">祝福语气泡宽度</text>
-            <slider
-              :value="bubbleMaxWidth"
-              min="200"
-              max="460"
-              show-value
-              @change="(e) => (bubbleMaxWidth = e.detail.value)"
-              activeColor="#ff3b30"
-            />
-          </view>
-
           <view class="form-item">
             <text class="label">个人信息 (上下)</text>
             <slider
@@ -364,24 +381,7 @@
               @change="(e) => (userOffsetX = e.detail.value)"
               activeColor="#ff3b30"
             />
-          </view>
+          </view> -->
-
-          <view class="form-item">
-            <text class="label">署名颜色</text>
-            <view class="color-list">
-              <view
-                v-for="(color, index) in textColors"
-                :key="index"
-                class="color-item"
-                :style="{ background: color }"
-                @tap="signatureColor = color"
-              >
-                <view v-if="signatureColor === color" class="color-check"
-                  >✔</view
-                >
-              </view>
-            </view>
-          </view>
         </view>
       </view>
     </view>
@@ -944,8 +944,8 @@ const selectGreeting = (text) => {
 const tools = [
   { type: "template", text: "1. 选模板", icon: "🎨", step: 1 },
   { type: "title", text: "2. 选标题", icon: "🧧", step: 2 },
-  { type: "text", text: "3. 改文字", icon: "✍️", step: 3 },
+  { type: "text", text: "3. 写祝福", icon: "✍️", step: 3 },
-  { type: "position", text: "4. 调位置", icon: "🎯", step: 4 },
+  { type: "position", text: "4. 设样式", icon: "✨", step: 4 },
 ];
 const activeTool = ref("template");
 const showPanel = ref(false);