代码优化

order/pages/refund/refund.vue

@@ -42,11 +42,11 @@
 		<uni-popup class="popup2" ref="popup3" type="center">
 			<uni-popup-dialog :style="{color:refundColor}" :title="refundResult" :duration="2000"
 				:showClose="showTipColse" @close="closeTip" @confirm="confirm"></uni-popup-dialog>
-		</uni-popup>
-		
-		<uni-popup class="popup2" ref="popup4" type="center">
-			<uni-popup-dialog style="color: #909399;" title="客服电话\n4000969950" :duration="2000"
-			 @close="closeKefu" @confirm="closeKefu"></uni-popup-dialog>
+		</uni-popup>
+
+		<uni-popup class="popup2" ref="popup4" type="center">
+			<uni-popup-dialog style="color: #909399;" title="客服电话\n4000969950" :duration="2000" @close="closeKefu"
+				@confirm="closeKefu"></uni-popup-dialog>
 		</uni-popup>
 	</view>
 </template>
@@ -80,7 +80,7 @@
 				refundImg: "https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_guide_alipay_back.png",
 				refundResult: '\n是否确定要退款?',
 				refundColor: "#909399",
-				showTipColse: true,
+				showTipColse: true,
 				showKefuColse: false,
 				guideText: "下一步",
 				curGuideIndex: 0
@@ -123,23 +123,23 @@
 					}
 				});
 			},
-			callPhone() {
-				// #ifdef H5
-				this.$refs.popup4.open()
-				// #endif
-				
-				// #ifdef MP-ALIPAY
-				my.makePhoneCall({
-					number: '4000969950',
-					success: function(res) {
-						console.log('拨打电话成功！');
-					},
-					fail: function(res) {
-						console.log('拨打电话失败！');
-					}
-				})
+			callPhone() {
+				// #ifdef H5
+				this.$refs.popup4.open()
+				// #endif
+
+				// #ifdef MP-ALIPAY
+				my.makePhoneCall({
+					number: '4000969950',
+					success: function(res) {
+						console.log('拨打电话成功！');
+					},
+					fail: function(res) {
+						console.log('拨打电话失败！');
+					}
+				})
 				// #endif
-				
+
 			},
 			changeGuide(e) {
 				this.curGuideIndex = e.detail.current
@@ -184,9 +184,9 @@
 			},
 			closeTip() {
 				this.$refs.popup3.close()
-			},
-			closeKefu() {
-				this.$refs.popup4.close()
+			},
+			closeKefu() {
+				this.$refs.popup4.close()
 			},
 			confirm() {
 				this.closeTip()
@@ -265,6 +265,7 @@
 				flex-direction: column;
 				align-items: center;
 				overflow: hidden;
+
 				.image-wrap {
 					height: 800rpx;
 					background-color: #579BEB;
@@ -278,7 +279,7 @@
 					}
 				}
 
-				.input {
+				.input {
 					width: 80%;
 					border-radius: 10rpx;
 					border: solid 1px #C9C9C9;
@@ -286,9 +287,7 @@
 			}
 
 			.swiper-wrap {
-				/* #ifdef H5 */
 				width: 50vh;
-				/* #endif */
 				height: 840rpx;
 
 				.swiper-item {
@@ -299,7 +298,6 @@
 					/* #ifdef MP-ALIPAY */
 					margin-left: 10%;
 					margin-right: 10%;
-					width: 80%;
 					/* #endif */
 
 					.image {
@@ -308,18 +306,18 @@
 				}
 			}
 
-		}
-		
-		.guide-text {
-			text-align: center;
-			margin-top: 100rpx;
-			font-size: 34rpx;
-			color: #F9F9F9;
-			width: 320rpx;
-			height: 85rpx;
-			line-height: 85rpx;
-			background: #3881F3;
-			border-radius: 8rpx;
+		}
+
+		.guide-text {
+			text-align: center;
+			margin-top: 100rpx;
+			font-size: 34rpx;
+			color: #F9F9F9;
+			width: 320rpx;
+			height: 85rpx;
+			line-height: 85rpx;
+			background: #3881F3;
+			border-radius: 8rpx;
 		}
 
 		.guide-text2 {