refactor: 移动订单详情卡片到手机输入框下方

app/screens/previewOrder/perviewOrder.tsx

@@ -45,6 +45,22 @@ export const PreviewOrder = () => {
         <Text style={styles.titleHeading}>立即支付</Text>
       </View>
 
+      {/* Payment Details */}
+      <View style={styles.section}>
+
+        {showPhoneInput && (
+          <View style={styles.phoneInputContainer}>
+            <Text style={styles.phoneInputLabel}>请输入手机号码</Text>
+            <TextInput
+              style={styles.phoneInput}
+              value={phoneNumber}
+              onChangeText={setPhoneNumber}
+              placeholder="输入手机号码"
+              keyboardType="phone-pad"
+            />
+          </View>
+        )}
+
         {/* Order Details Card */}
         <View style={styles.card}>
           <Text style={styles.cardTitle}>订单详情</Text>
@@ -67,22 +83,6 @@ export const PreviewOrder = () => {
             </View>
           )}
         </View>
-
-      {/* Payment Details */}
-      <View style={styles.section}>
-
-        {showPhoneInput && (
-          <View style={styles.phoneInputContainer}>
-            <Text style={styles.phoneInputLabel}>请输入手机号码</Text>
-            <TextInput
-              style={styles.phoneInput}
-              value={phoneNumber}
-              onChangeText={setPhoneNumber}
-              placeholder="输入手机号码"
-              keyboardType="phone-pad"
-            />
-          </View>
-        )}
       </View>
 
      <View style={styles.submitButtonContainer}>