简单的加了个成功后的动态图

subpkg/complete/complete.vue

@@ -95,6 +95,12 @@
 			</view>
 			<view class="mask"></view>
 		</view>
+		
+		<view class="popup-layer-back" v-show="resCheck">
+			<view class="failed-tip">
+				<image :src="successUrl"></image>
+			</view>
+		</view>	
 
 	</view>
 </template>
@@ -127,7 +133,9 @@
 				tempFilePath: "",
 				"imageQR": '',
 				picStyle:"z-index:-99999",
-				timer:null
+				timer:null,
+				resCheck: true,
+				successUrl: uni.$http.baseUrl + "/profile//images/success-2.gif",
 			};
 		},
 		//分享到好友
@@ -223,6 +231,7 @@
 					medal: this.sceneId,
 					guid: this.userId
 				})
+				console.log(res.success)
 				if (!res.success) return uni.$showMsg()
 				//this.achieveMedalImg = uni.$http.baseUrl + res.data
 				this.achieveMedalImg = 'http://146.56.223.227:9527' + res.data
@@ -393,6 +402,26 @@
 		height: 100%;
 	}
 	
+	/* 首先设置背景层 */
+	.popup-layer-back {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		// background-color: rgba(0, 0, 0, 0.8);
+		z-index: 9998;
+	}
+	
+	.failed-tip {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		width: 560rpx;
+		height: 560rpx;
+	}
+	
 	.popup-layer .animg:first-child {
 		width: 400rpx;
 		height: 400rpx;