宝箱服务协议修复

app/award-detail/components/CheckoutModal.tsx

@@ -334,9 +334,15 @@ export const CheckoutModal = forwardRef<CheckoutModalRef, CheckoutModalProps>(
 
                 <View style={styles.agreementRow}>
                   <View style={styles.agreementLeft}>
-                    <Text style={styles.agreementText}>
-                      我已满18周岁，已阅读并同意<Text style={styles.link}>《宝箱服务协议》</Text>
-                    </Text>
+                    <View style={styles.agreementTextContainer}>
+                      <Text style={styles.agreementText}>我已满18周岁，已阅读并同意</Text>
+                      <TouchableOpacity onPress={() => {
+                        setVisible(false);
+                        router.push({ pathname: '/agreement', params: { type: 'magic.html' } });
+                      }}>
+                        <Text style={styles.link}>《宝箱服务协议》</Text>
+                      </TouchableOpacity>
+                    </View>
                     <Text style={styles.tips}>宝箱商品存在概率性，请谨慎消费</Text>
                   </View>
                   <TouchableOpacity
@@ -473,6 +479,7 @@ const styles = StyleSheet.create({
     marginTop: 10,
   },
   agreementLeft: { flex: 1, marginRight: 10 },
+  agreementTextContainer: { flexDirection: 'row', alignItems: 'center', flexWrap: 'wrap' },
   agreementText: { fontSize: 12, color: '#333', lineHeight: 18 },
   link: { color: '#ff9600' },
   tips: { fontSize: 11, color: '#999', marginTop: 5 },