1

package1/buyFood/buyFood.vue

@@ -275,7 +275,8 @@
 			<view class="bottom-placeholder"></view>
 			<view class="buy-bottom">
 				<view class="bottom-btn" @tap="submitPay">
-					立即支付{{nowMake && isPaotui == false ? '-即刻出餐' : ''}}
+					<image class="pay-btn-gif" src="/static/images/img/loading.gif" mode="aspectFit"></image>
+					<text>立即支付{{nowMake && isPaotui == false ? '-即刻出餐' : ''}}</text>
 				</view>
 			</view>
 		</view>
@@ -1365,6 +1366,9 @@
 	}
 
 	.bottom-btn {
+		display: flex;
+		align-items: center;
+		justify-content: center;
 		width: 90%;
 		height: 92rpx;
 		background: linear-gradient(100deg, $brand-start 0%, $brand-end 100%);
@@ -1378,6 +1382,13 @@
 		transition: transform 0.18s ease;
 	}
 
+	.pay-btn-gif {
+		width: 42rpx;
+		height: 42rpx;
+		margin-right: 8rpx;
+		flex-shrink: 0;
+	}
+
 	.ziqu-text{
 		align-items: center;
 		display: flex;

package1/runErrand/runErrand.vue

@@ -245,7 +245,8 @@
 		
 		<view class="buy-bottom">
 			<view class="bottom-btn" @tap="submitPay">
-				立即支付{{backendTotalAmount ? backendTotalAmount.toFixed(2) : totalAmountCalc.toFixed(2)}}
+				<image class="pay-btn-gif" src="/static/images/img/loading.gif" mode="aspectFit"></image>
+				<text>立即支付{{backendTotalAmount ? backendTotalAmount.toFixed(2) : totalAmountCalc.toFixed(2)}}</text>
 			</view>
 		</view>
 		
@@ -1094,6 +1095,9 @@
 	}
 
 	.bottom-btn {
+		display: flex;
+		align-items: center;
+		justify-content: center;
 		width: 90%;
 		height: 100rpx;
 		background: linear-gradient(90deg, #e3ff96, #a6ffea);
@@ -1105,6 +1109,13 @@
 		margin: 20rpx auto;
 	}
 
+	.pay-btn-gif {
+		width: 42rpx;
+		height: 42rpx;
+		margin-right: 8rpx;
+		flex-shrink: 0;
+	}
+
 	.book-popup-content{
 		position: relative;
 		height: 1200rpx;