更改了支付宝刷脸的页面兼容

src/components/TipsModal.js

@@ -41,12 +41,16 @@ class TipsModal extends Component {
     }
     if (faceType === 'alipay') {
       styles.header = {...styles.header, backgroundColor: '#1b7dc7'};
-      styles.right = {
-        ...styles.right,
+      styles.left = {
+        ...styles.left,
         backgroundColor: '#1b7dc7',
       };
-      styles.call = {
-        ...styles.call,
+      styles.lefts = {
+        ...styles.lefts,
+        backgroundColor: '#1b7dc7',
+      };
+      styles.reset = {
+        ...styles.reset,
         color: '#1b7dc7',
       };
     }
@@ -61,7 +65,11 @@ class TipsModal extends Component {
           <View style={styles.modal}>
             <View style={styles.header}>
               <Image
-                source={require('../assets/Vertical/wxpay.png')}
+                source={
+                  faceType === 'wxpay'
+                    ? require('../assets/wxpay.png')
+                    : require('../assets/Vertical/alipay01.png')
+                }
                 style={styles.image}
                 tintColor="white"
               />

src/pages/FacePage.js

@@ -655,8 +655,19 @@ class FacePage extends Component {
             </Touch>
           )}
           <View style={styles.goFoot}>
-            <View style={{borderWidth: 10, borderColor: '#fff', width: 180}}>
-              <QRCode value={qrCode || `${qrHost}/#/account`} size={160} />
+            <View
+              style={{
+                borderWidth: 10,
+                borderColor: '#fff',
+                width: scaleSize(220),
+                height: scaleSize(220),
+                alignItems: 'center',
+                justifyContent: 'center',
+              }}>
+              <QRCode
+                value={qrCode || `${qrHost}/#/account`}
+                size={scaleSize(190)}
+              />
             </View>
             <Text style={styles.goText}>扫码开门</Text>
           </View>
@@ -746,7 +757,7 @@ const styles = {
     flex: 0.13,
     backgroundColor: 'rgb(0,205,102)',
     width: '85%',
-    borderRadius: 20,
+    borderRadius: scaleSize(20),
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center',
@@ -760,18 +771,18 @@ const styles = {
   clickText: {
     fontSize: setSpText(50),
     color: '#fff',
-    marginLeft: 10,
+    marginLeft: setSpText(10),
   },
   wxpay: {
-    width: scaleSize(70),
-    height: scaleSize(62),
+    width: scaleSize(67),
+    height: scaleSize(61),
     marginRight: scaleSize(20),
   },
   finger: {
     width: scaleSize(60),
     height: scaleSize(80),
-    marginLeft: 100,
-    marginRight: 20,
+    marginLeft: scaleSize(120),
+    marginRight: scaleSize(20),
   },
   footer: {
     flex: 0.2,