样式修改

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,13 +66,13 @@
 						url: '/app/user/send/coupon',
 						method: 'post'
 					};
+					let time =  setTimeout(()=>{
 						this.http.httpTokenRequest(opts, {}).then(res => {
-						console.log(res.data, 1111111)
 							uni.hideLoading()
 							if (res.data.code == 200) {
 								uni.showToast({
 									title: "领取成功！",
-								icon: 'none',
+									icon: 'success',
 								});
 								this.pooupSuccess = true
 								this.timer = setInterval(() => {
@@ -78,13 +81,16 @@
 									} 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) {// 打开成功
+											success:(res)=> {// 打开成功
+												this.clickState = false
+											},
+											fail:()=>{
+												this.clickState = false
 											}
 										})
 										clearInterval(this.timer)
@@ -93,24 +99,23 @@
 							}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) {// 打开成功
+											success:()=> {// 打开成功
+												this.clickState = false
+											},
+											fail:()=>{
+												this.clickState = false
 											}
 										})
-											clearTimeout(this.timer)
-										},500)
 									}
 								});
-								
 							}else{
 								this.clickState = false
 								uni.showToast({
@@ -119,6 +124,8 @@
 								});
 							}
 						})
+					},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>
@@ -249,6 +263,14 @@
 					z-index: -11;
 				}
 				
+				.close{
+					padding:20rpx 30rpx;
+					font-size:32rpx;
+					position: absolute;
+					top:0;right:0;
+					color: #fff;
+				}
+
 				.title {
 					width: 100%;
 					color: #fff;