添加订单详情加载提示文字

pages/center/order/orderDetails/orderDetails.scss

@@ -27,7 +27,13 @@
 }
 .loading-warp {
 	display: flex;
+	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	height: 100%;
+}
+.loading-text {
+	margin-top: 20rpx;
+	color: #fff;
+	font-size: 20rpx;
 }

pages/center/order/orderDetails/orderDetails.vue

@@ -105,7 +105,12 @@
 		<!-- 加载中遮罩 -->
 		<u-mask :show="loadingMask">
 			<view class="loading-warp">
-				<u-loading mode="flower" size="50"></u-loading>
+				<view class="loading-icon">
+					<u-loading mode="flower" size="50"></u-loading>
+				</view>
+				<view class="loading-text">
+					<text>订单支付状态查询中...</text>
+				</view>
 			</view>
 		</u-mask>
     <u-toast ref="uToast" />
@@ -172,12 +177,12 @@ export default {
         .then(res => {
           if (res.code === 200) {
             this.orderInfo = res.data
-			if (openFlag === 'open') {
-				if (res.data.payStatus === 1 || res.data.payStatus === 3) {
-					this.loadingMask = false
-					clearInterval(this.timer)
-				}
-			}
+						if (openFlag === 'open') {
+							if (res.data.payStatus === 1 || res.data.payStatus === 3) {
+								this.loadingMask = false
+								clearInterval(this.timer)
+							}
+						}
           } else {
             this.$refs.uToast.show({
               title: res.msg,