|
|
|
@ -45,30 +45,9 @@ 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}> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{showPhoneInput && ( |
|
|
|
|
<View style={styles.phoneInputContainer}> |
|
|
|
|
<Text style={styles.phoneInputLabel}>请输入手机号码</Text> |
|
|
|
@ -82,7 +61,7 @@ export const PreviewOrder = () => {
|
|
|
|
|
</View> |
|
|
|
|
)} |
|
|
|
|
</View> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<View style={styles.submitButtonContainer}> |
|
|
|
|
<TouchableOpacity |
|
|
|
|
style={[ |
|
|
|
@ -92,7 +71,7 @@ export const PreviewOrder = () => {
|
|
|
|
|
onPress={handleSubmit} |
|
|
|
|
disabled={showPhoneInput && !phoneNumber} |
|
|
|
|
> |
|
|
|
|
<Text style={styles.buttonText}>确认支付</Text> |
|
|
|
|
<Text style={styles.buttonText}>提交</Text> |
|
|
|
|
</TouchableOpacity> |
|
|
|
|
</View> |
|
|
|
|
</View> |
|
|
|
@ -203,25 +182,4 @@ 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
|
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|