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

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

src/components/SimpleQRCodeModal.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import {View, Text} from '@tarojs/components'
-import {Popup} from '@nutui/nutui-react-taro'
-import {Close, QrCode} from '@nutui/icons-react-taro'
+import { View, Text } from '@tarojs/components'
+import { Popup } from '@nutui/nutui-react-taro'
+import { Close, QrCode } from '@nutui/icons-react-taro'
 
 export interface SimpleQRCodeModalProps {
   /** 是否显示弹窗 */
@@ -27,16 +27,14 @@ const SimpleQRCodeModal: React.FC<SimpleQRCodeModalProps> = ({
       closeIcon={<Close/>}
       onClose={onClose}
       style={{
-        width: '85%',
-        maxWidth: '350px',
-        borderRadius: '12px'
+        width: '90%'
       }}
     >
       <View className="p-6">
         {/* 标题 */}
         <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>