fix

src/components/swipeCustomerInfo.vue

@@ -79,14 +79,16 @@ export default {
   box-sizing: border-box;
   display: inline-flex;
   align-items: center;
+  align-content: center;
   height: 30px;
   background: rgba(0, 0, 0, 0.4);
   border-radius: 15px;
-  padding: @padding-unit;
+  padding: 0 @padding-unit;
   &-icon {
     flex-shrink: 0;
     width: 24px;
     height: 24px;
+    margin-top: 2px;
     margin-right: @padding-unit;
     .avatar {
       /deep/ img {

src/views/pay/index.less

@@ -33,13 +33,16 @@
 .payBtn{
   width: 100%;
   position: fixed;
-  padding: @padding-xs @padding-lg;
+  padding-left: @padding-lg;
+  padding-right: @padding-lg;
+  padding-top: 10px;
   box-sizing: border-box;
   z-index: 99;
   bottom: 0;
   left:0;
   background-color:@white;
-  .iphonex-fix-margin;
+  padding-bottom: calc(10px + constant(safe-area-inset-bottom));
+  padding-bottom: calc(10px + env(safe-area-inset-bottom));
   button{
     .text-16;
     width: 100%;