refactor(components): 优化多个组件的样式和结构

-调整了多个组件的图标使用
- 优化了部分组件的布局结构
- 移除了不必要的空行和空格
-统一了部分样式类名的使用

src/components/GiftCardQRCode.tsx

@@ -179,7 +179,7 @@ const GiftCardQRCode: React.FC<GiftCardQRCodeProps> = ({
         {/* 标题 */}
         <View className="text-center mb-4">
           <Text className="text-lg font-bold">礼品卡核销</Text>
-          <Text className="text-sm text-gray-500 block mt-1">
+          <Text className="text-sm text-gray-500 mt-1">
             请向门店工作人员出示此二维码
           </Text>
         </View>
@@ -295,13 +295,13 @@ const GiftCardQRCode: React.FC<GiftCardQRCodeProps> = ({
         )}
 
         {/* 操作按钮 */}
-        <View className="flex gap-3">
+        <View className="flex">
           <Button
             size="large"
             fill="outline"
             icon={<Share />}
             onClick={shareQRCode}
-            className="flex-1"
+            className="flex-1 mr-3"
           >
             分享
           </Button>
@@ -318,10 +318,10 @@ const GiftCardQRCode: React.FC<GiftCardQRCodeProps> = ({
         {/* 使用说明 */}
         <View className="mt-4 p-3 bg-yellow-50 rounded-lg">
           <Text className="text-sm text-yellow-800 font-medium mb-2">使用说明：</Text>
-          <View className="space-y-1">
-            <Text className="text-xs text-yellow-700">• 请向门店工作人员出示此二维码或核销码</Text>
-            <Text className="text-xs text-yellow-700">• 工作人员扫码后即可完成核销</Text>
-            <Text className="text-xs text-yellow-700">• 每次使用会生成新的核销码，确保安全</Text>
+          <View>
+            <Text className="text-xs text-yellow-700 mb-1">• 请向门店工作人员出示此二维码或核销码</Text>
+            <Text className="text-xs text-yellow-700 mb-1">• 工作人员扫码后即可完成核销</Text>
+            <Text className="text-xs text-yellow-700 mb-1">• 每次使用会生成新的核销码，确保安全</Text>
             <Text className="text-xs text-yellow-700">• 如有问题请联系客服：{giftCard.contactInfo || '400-800-8888'}</Text>
           </View>
         </View>