安装弹窗插件

pages/group_order/order_groupdetail.vue

@@ -28,8 +28,12 @@
 				style="width: 40rpx;height: 43.21rpx;" mode=""></image>
 			联系客服
 		</view>
+
+		<view style="height: 100rpx;" v-if="listinfo.status == 'unpaid'"> </view>
 		<!-- 待支付按钮 -->
-		<button v-if="listinfo.status == 'unpaid'" @click="payEvent" class="payStyle">立即支付</button>
+		<view class="payBox" v-if="listinfo.status == 'unpaid'">
+			<button  @click="payEvent" class="payStyle">立即支付</button>
+		</view>
 		<!-- 二维码展示 -->
 		<view class="qrimg" v-if="isQrimg" @click="clickEvent">
 			<tki-qrcode ref="qrcode" size="400" :val="qrValue" :loadMake="true" @result="qrR" />
@@ -79,9 +83,9 @@
 		methods: {
 			async payEvent() {
 				let res = await this.api.payOrderPay({
-					payType:'wechatPay',
-					orderId:this.listinfo.id,  
-					orderType:'group'
+					payType: 'wechatPay',
+					orderId: this.listinfo.id,
+					orderType: 'group'
 				})
 				if (res) {
 					return
@@ -171,15 +175,22 @@
 		left: 0%;
 	}
 
-	.payStyle {
-		background-color: #fe7620;
+	.payBox {
+		width: 100vw;
+		height: 140rpx;
+		background-color: #fff;
 		position: fixed;
 		bottom: 0%;
 		left: 50%;
 		transform: translate(-50%);
-		color: #fff;
-		width: 90%;
-		border: 10rpx solid #fff;
+		
+
+		.payStyle {
+			background-color: #fe7620;
+			color: #fff;
+			width: 90%;
+			border: 10rpx solid #fff;
+		}
 	}
 
 	.customerService {