弹框样式调整

pages/integral/integral.wxml

@@ -156,13 +156,16 @@
     </view>
   </view>
 
+<!-- 弹出框背景黑化 -->
+  <view class="background-style" wx:if="{{paymentBgStatus}}"></view>
   <!-- 支付弹出框 -->
   <view class="payment" wx:if="{{paymentStatus}}">
     <uni-steps active-color="rgb(250, 114, 0)" options="[{title: '移动积分兑换'}, {title: '输入验证码'}, {title: '兑换成功'}]" active="{{activeNum}}"></uni-steps>
     <view class="payment-move" style="text-align: center;">
       <view class="payment-code">
         <view class="payment-code2">验证码已发送到</view>
-        <view class="payment-code3"><text class="payment-iconfont payment-iconphone payment-code3-text"></text>{{mobile}}</view>
+       <!-- <view class="payment-code3"><text class="payment-iconfont payment-iconphone payment-code3-text"></text>{{mobile}}</view> -->
+       <view class="payment-code3">{{mobile}}</view>
       </view>
       <view class="payment-code-input" wx:if="{{activeNum === 0}}">
         <text class="payment-iconfont payment-iconyanzhengma payment-code-input-text"></text>

pages/integral/integral.wxss

@@ -518,6 +518,7 @@ page {
   height: 160rpx;
   padding: 16rpx 32rpx;
   box-sizing: border-box;
+  text-align: center;
 }
 
 .payment-code1 {
@@ -530,6 +531,7 @@ page {
   font-size: 28rpx;
   color: #999999;
   margin-top: 16rpx;
+  text-align: center;
 }
 
 .payment-code3 {
@@ -538,16 +540,17 @@ page {
   font-size: 40rpx;
   color: rgb(51, 51, 51);
   font-weight: bold;
-  padding: 0 28px 0 40px;
-  text-align: left;
+  margin-bottom: 60rpx;
+  text-align: center;
 }
 
 .payment-code-input {
   margin: 0 auto;
-  padding: 16rpx 88rpx 16rpx 116rpx;
+  margin-top: 10rpx;
+  margin-bottom: 16rpx;
   box-sizing: border-box;
   border-bottom: 2rpx solid #DCDFE6;
-  text-align: left;
+  text-align: center;
 }
 
 .payment-input {