样式修改

pages/home.vue

@@ -107,7 +107,8 @@
 			getPrice() {
 				if(this.clickState == false){
 					uni.showLoading({
-						title:"加载中"
+						title:"加载中",
+						mask:true
 					})
 					this.clickState = true
 					let that = this
@@ -136,9 +137,9 @@
 					}
 					that.http.httpTokenRequest(opts, {}).then(res => {
 						if (res.data.code == 200) {
-							uni.hideLoading()
 							let freeMoveFlag = res.data.data.freeMoveFlag
 							if (freeMoveFlag) {
+								uni.hideLoading()
 								// uni.showToast({
 								// 	title: "您的免费领取次数已用完",
 								// 	icon: 'none',
@@ -176,7 +177,7 @@
 								// uni.showLoading({
 								// 	title: '加载中'
 								// });
-								this.timer = setTimeout(()=>{
+								setTimeout(()=>{
 									this.getCarList()
 								},500)
 							}
@@ -264,14 +265,15 @@
 			getCarList(){
 				let opts = { url: '/app/vehicleAdmin/list', method: 'get' };
 				this.http.httpTokenRequest(opts, {}).then(res => {
-					clearInterval(this.timer)
 					uni.hideLoading()
 					if (res.statusCode == 200) {
 						this.carList = res.data
-						this.clickState = false
 						if(res.data.length == 0){
 							uni.navigateTo({
-								url: '/pages/transitionPage'
+								url: '/pages/transitionPage',
+								success:()=>{
+									this.clickState = false
+								}
 							});
 							uni.setStorageSync('firstCoupon',true)
 							// let url = "car.m.jd.com/h5/list.html?final-action=closewebview&source=licenseprocedure"
@@ -281,9 +283,14 @@
 							// 	url: '/pagesA/pages/index/getPrice?orderId=' + this.freeCode.id
 							// });
 							uni.navigateTo({
-								url: '/pagesA/pages/index/getCoupon'
+								url: '/pagesA/pages/index/getCoupon',
+								success:()=>{
+									this.clickState = false
+								}
 							});
 						}
+					}else{
+						this.clickState = false
 					}
 				})
 			},

pagesA/pages/index/getCoupon.vue

@@ -23,6 +23,9 @@
 			<view class="pooup-success" v-if="pooupSuccess">
 				<view class="success-box">
 					<image src="../../../static/index/coupon2.png"></image>
+					<view class="close" @click="closeCoupon">
+						X
+					</view>
 					<view class="title">
 						<view style="margin-bottom:10rpx;font-weight: bold;">
 							优惠券领取成功
@@ -45,10 +48,10 @@
 	export default {
 		data() {
 			return {
-				pooupSuccess: false,
+				pooupSuccess: true,
 				timerNum: 3,
 				timer:null,
-				clickState:false
+				clickState:false, //节流
 			}
 		},
 		methods: {
@@ -63,62 +66,66 @@
 						url: '/app/user/send/coupon',
 						method: 'post'
 					};
-					this.http.httpTokenRequest(opts, {}).then(res => {
-						console.log(res.data, 1111111)
-						uni.hideLoading()
-						if (res.data.code == 200) {
-							uni.showToast({
-								title: "领取成功！",
-								icon: 'none',
-							});
-							this.pooupSuccess = true
-							this.timer = setInterval(() => {
-								if (this.timerNum > 0) {
-									this.timerNum--
-								} else {
-									this.pooupSuccess = false
-									this.timerNum = 3
-									this.clickState = false
-									uni.navigateToMiniProgram({
-										appId: 'wx91d27dbf599dff74', // 跳转目标小程序的id
-										path: 'pages/item/detail/detail?sku=100023585323', // 目标小程序的页面路径
-										extraData: { // 需要携带的参数
-										},
-										success(res) {// 打开成功
-										}
-									})
-									clearInterval(this.timer)
-								}
-							}, 1000)
-						}else if(res.data.code == 1000000001){
+					let time =  setTimeout(()=>{
+						this.http.httpTokenRequest(opts, {}).then(res => {
+							uni.hideLoading()
+							if (res.data.code == 200) {
+								uni.showToast({
+									title: "领取成功！",
+									icon: 'success',
+								});
+								this.pooupSuccess = true
+								this.timer = setInterval(() => {
+									if (this.timerNum > 0) {
+										this.timerNum--
+									} else {
+										this.pooupSuccess = false
+										this.timerNum = 3
+										uni.navigateToMiniProgram({
+											appId: 'wx91d27dbf599dff74', // 跳转目标小程序的id
+											path: 'pages/item/detail/detail?sku=100023585323', // 目标小程序的页面路径
+											extraData: { // 需要携带的参数
+											},
+											success:(res)=> {// 打开成功
+												this.clickState = false
+											},
+											fail:()=>{
+												this.clickState = false
+											}
+										})
+										clearInterval(this.timer)
+									}
+								}, 1000)
+							}else if(res.data.code == 1000000001){
 								uni.showToast({
 									title: "您已领取优惠券！",
-									icon: 'none',
+									icon: 'error',
 									duration:1500,
 									success:()=> {
-										this.timer = setTimeout(()=>{
-											this.clickState = false
-											uni.navigateToMiniProgram({
-												appId: 'wx91d27dbf599dff74', // 跳转目标小程序的id
-												path: 'pages/item/detail/detail?sku=100023585323', // 目标小程序的页面路径
-												extraData: { // 需要携带的参数
-												},
-												success(res) {// 打开成功
-												}
-											})
-											clearTimeout(this.timer)
-										},500)
+										uni.navigateToMiniProgram({
+											appId: 'wx91d27dbf599dff74', // 跳转目标小程序的id
+											path: 'pages/item/detail/detail?sku=100023585323', // 目标小程序的页面路径
+											extraData: { // 需要携带的参数
+											},
+											success:()=> {// 打开成功
+												this.clickState = false
+											},
+											fail:()=>{
+												this.clickState = false
+											}
+										})
 									}
 								});
-								
-						}else{
-							this.clickState = false
-							uni.showToast({
-								title: res.data.msg,
-								icon: 'none',
-							});
-						}
-					})
+							}else{
+								this.clickState = false
+								uni.showToast({
+									title: res.data.msg,
+									icon: 'none',
+								});
+							}
+						})
+					},500)
+					
 				}
 				// uni.showToast({
 				// 	title: "领取成功！",
@@ -147,6 +154,7 @@
 			},
 			goUseCoupon() {
 				this.timerNum = 3;
+				this.clickState = false
 				clearInterval(this.timer);
 				uni.navigateToMiniProgram({
 					appId: 'wx91d27dbf599dff74', // 跳转目标小程序的id
@@ -163,7 +171,13 @@
 						
 					}
 				})
-			}
+			},
+			closeCoupon(){
+				this.pooupSuccess = false
+				this.timerNum = 3
+				this.clickState = false
+				clearInterval(this.timer)
+			},
 		}
 	}
 </script>
@@ -248,6 +262,14 @@
 					height: 100%;
 					z-index: -11;
 				}
+				
+				.close{
+					padding:20rpx 30rpx;
+					font-size:32rpx;
+					position: absolute;
+					top:0;right:0;
+					color: #fff;
+				}
 
 				.title {
 					width: 100%;