收银机程序样修改，扫码支付添加支付宝图标

src/components/HomeLayout.js

@@ -35,6 +35,7 @@ const styles = {
     backgroundColor: 'white',
     alignItems: 'center',
     elevation: 10,
+    background: '#f5f5f5',
   },
   titleImg: {
     width: scaleSize(150),
@@ -47,7 +48,7 @@ const styles = {
   },
   container: {
     flex: 1,
-    backgroundColor: '#F5F5F5',
+    backgroundColor: '#ffffff',
     justifyContent: 'center',
     alignItems: 'center',
   },

src/components/Placeholder.js

@@ -7,7 +7,7 @@ class Placeholder extends Component {
   render() {
     return (
       <HomeLayout>
-        <View style={styles.container}>
+        <View style={styles.main}>
           <Image source={require('../assets/Vertical/face.gif')} />
           <Text style={styles.text}>正在授权设备，请确保网络连接正常~</Text>
         </View>
@@ -17,11 +17,11 @@ class Placeholder extends Component {
 }
 
 const styles = {
-  container: {
+  main: {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    background: 'white',
+    background: '#ffffff',
   },
   img: {
     width: '100%',

src/pages/VerticalPage.js

@@ -1102,16 +1102,16 @@ class VerticalPage extends Component {
                     <View style={styles.paymentRightContents}>
                       <Text style={styles.paymentRightText}>扫码</Text>
                       <Text style={styles.paymentRightText}>支付</Text>
-                      {/*<Image*/}
-                      {/*  source={require('../assets/Vertical/alipay01.png')}*/}
-                      {/*  style={styles.paymentRightImage}*/}
-                      {/*  alt=""*/}
-                      {/*/>*/}
                       <Image
                         source={require('../assets/Vertical/wx.png')}
                         style={styles.paymentRightImage}
                         alt=""
                       />
+                      <Image
+                        source={require('../assets/Vertical/alipay01.png')}
+                        style={styles.paymentRightImage}
+                        alt=""
+                      />
                     </View>
                     <View style={styles.paymentRightCode}>
                       <QRCode
@@ -1326,8 +1326,8 @@ const styles = {
     width: width > 801 ? '60%' : '55%',
   },
   logo: {
-    width: width > 801 ? 135 : scaleSize(100),
-    height: width > 801 ? 135 : scaleSize(100),
+    width: width > 801 ? 150 : scaleSize(110),
+    height: width > 801 ? 150 : scaleSize(110),
   },
   counterText: {
     marginLeft: width > 801 ? 40 : scaleSize(22),
@@ -1628,6 +1628,7 @@ const styles = {
   paymentRightContents: {
     display: 'flex',
     flexDirection: 'column',
+    alignItems: 'center',
     marginRight: width > 801 ? 40 : 10,
   },
   paymentRightText: {