兼容H5

order/pages/refund/refund.vue

@@ -9,7 +9,7 @@
 			<view class="str2 mt-10" @click="callPhone">{{strLabel3}}</view>
 		</view>
 
-		<uni-popup class="popup" ref="popup1" type="dialog">
+		<uni-popup class="popup" ref="popup1" type="center">
 			<view class="pop-wrap">
 				<swiper class="swiper-wrap" :duration="1000" @change="changeGuide" :current="curGuideIndex">
 					<swiper-item v-for="(item,index) in guideImgs" :key="index">
@@ -33,7 +33,7 @@
 						<image :src="refundImg" mode="aspectFill" class="image"></image>
 					</view>
 
-					<input v-model="alipayOrder" class="input mt-30" type="number" placeholder="请输入支付宝订单号" />
+					<input v-model="alipayOrder" class="input mt-30" type="digit" placeholder="请输入支付宝订单号" />
 					<text class="guide-text" style="margin-top: 30rpx;" @click="openTip">立即退款</text>
 				</view>
 			</view>
@@ -72,7 +72,7 @@
 					"https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_guide_alipay4.png",
 					"https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_guide_alipay5.png"
 				],
-				refundImg: '',
+				refundImg: 'https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_guide_alipay5.png',
 				refundResult: '\n是否确定要退款?',
 				refundColor: "#909399",
 				showTipColse: true,
@@ -221,7 +221,6 @@
 			pposition: fixed;
 			z-index: 99;
 			width: 100%;
-			background-color: magenta;
 			height: 100%;
 			// top: 55%;
 			// left: 55%;
@@ -243,7 +242,7 @@
 			justify-content: center;
 
 			.refund-wrap {
-				height: 1000rpx;
+				height: 1100rpx;
 				border-radius: 20rpx;
 				background: white;
 				display: flex;
@@ -252,12 +251,12 @@
 				overflow: hidden;
 
 				.image-wrap {
-					height: 700rpx;
+					height: 800rpx;
 					background-color: #579BEB;
 					border-radius: 20rpx 20rpx 0 0;
 
 					.image {
-						height: 640rpx;
+						height: 740rpx;
 						background-color: white;
 						margin: 30rpx;
 						border-radius: 20rpx 20rpx 10rpx 10rpx;
@@ -270,23 +269,24 @@
 				}
 			}
 
-
 			.swiper-wrap {
-				margin-top: 200rpx;
-				height: 800rpx;
+				/* #ifdef H5 */
+				width: 50vh;
+				/* #endif */
+				height: 840rpx;
 
 				.swiper-item {
-					background-color: white;
 					border-radius: 20rpx;
 					display: block;
+					height: 840rpx;
+					text-align: center;
+					/* #ifdef MP-ALIPAY */
 					margin-left: 10%;
 					margin-right: 10%;
-					height: 800rpx;
 					width: 80%;
-					text-align: center;
+					/* #endif */
 
 					.image {
-						width: 100%;
 						height: 100%;
 					}
 				}