feat: 添加订单详情UI并更新支付按钮文本

app/screens/previewOrder/perviewOrder.tsx

@@ -45,6 +45,27 @@ export const PreviewOrder = () => {
         <Text style={styles.titleHeading}>立即支付</Text>
       </View>
 
+      {/* Order Details */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>订单详情</Text>
+        <View style={styles.detailItem}>
+          <Text style={styles.detailLabel}>收货地址:</Text>
+          <Text style={styles.detailValue}>{orderData?.address || "请选择地址"}</Text>
+        </View>
+        <View style={styles.detailItem}>
+          <Text style={styles.detailLabel}>订单金额:</Text>
+          <Text style={styles.detailValue}>{orderData?.amount || "N/A"}</Text>
+        </View>
+        <View style={styles.detailItem}>
+          <Text style={styles.detailLabel}>运费:</Text>
+          <Text style={styles.detailValue}>{orderData?.shipping_fee || "N/A"}</Text>
+        </View>
+        <View style={styles.detailItem}>
+          <Text style={styles.detailLabel}>WhatsApp 手机号:</Text>
+          <Text style={styles.detailValue}>{orderData?.whatsapp_phone || "N/A"}</Text>
+        </View>
+      </View>
+
       {/* Payment Details */}
       <View style={styles.section}>
    
@@ -71,7 +92,7 @@ export const PreviewOrder = () => {
               onPress={handleSubmit}
               disabled={showPhoneInput && !phoneNumber}
             >
-              <Text style={styles.buttonText}>提交</Text>
+              <Text style={styles.buttonText}>确认支付</Text>
             </TouchableOpacity>
           </View>
     </View>
@@ -182,4 +203,25 @@ const styles = StyleSheet.create({
     fontSize: 16,
     backgroundColor: "#f9f9f9",
   },
+  detailItem: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingVertical: 6,
+    borderBottomWidth: 1,
+    borderBottomColor: '#f0f0f0', // Lighter separator line
+  },
+  detailLabel: {
+    fontSize: 15,
+    color: '#333333',
+    fontFamily: "PingFang SC",
+    fontWeight: '500',
+  },
+  detailValue: {
+    fontSize: 15,
+    color: '#666666',
+    fontFamily: "PingFang SC",
+    textAlign: 'right',
+    flexShrink: 1, // Allow text to shrink if needed
+  },
 });