Browse Source

截图时添加loading

zjs_project 1 năm trước cách đây
mục cha
commit
1a8155f586

+ 1 - 0
src/components/krpanoVideo/index.vue

@@ -377,6 +377,7 @@
 						}
 					};
 					util.trackRequest(param);
+					this.$parent.closeToast();
 					if(window.__wxjs_environment === 'miniprogram'){
 						wx.miniProgram.postMessage({data: {bgUrl:shotImg,shareImg:shareImg}})
 						wx.miniProgram.navigateBack();

+ 13 - 0
src/components/newBottomCom/viewAI/viewAI.vue

@@ -86,6 +86,19 @@
 					setTimeout(()=>{
 						this.addRedBox();//添加红包
 					},500)
+					this.$nextTick(() => {
+						// 播放lottie动画
+						lottie.destroy("markLoading");
+						var element = document.getElementById("special-img");
+						this.anim = lottie.loadAnimation({
+							container: element,
+							name: "markLoading",
+							renderer: "svg",
+							loop: true,
+							autoplay: true,
+							path: this.specialList[this.specialIndex].url, //动画json
+						});
+					});
 				}
 				// this.curSpaceArea = parseFloat(
 				// 	(newVal.spaceWidth * newVal.spaceHeight) / 10000

+ 11 - 0
src/pages/webgl_rxdz_krpanoclipImg/webgl_rxdz_krpanoclipImg.vue

@@ -5,6 +5,9 @@
 	import krpanoVideo from "@/components/krpanoVideo/index.vue";
 	import {getStorage} from '@/utils/localStorage';
 	import { MessageBox } from 'mint-ui';
+	import {
+		Toast
+	} from 'mint-ui';
 	var requestId = "";
 	const util = require('@/utils/util.js').default;
 	import commonPageMethod from '@/mixins/commonPageMethod.js';
@@ -66,6 +69,7 @@
 				bgMusic:'',
 				redBox:'',
 				bili: 2/3,
+				instance:null,
 			}
 		},
 		beforeDestroy() {
@@ -121,10 +125,17 @@
 			},
 			async clipImgHandle(){
 				console.warn("***clipImgHandle1***");
+				this.instance = Toast({
+					message: '正在截图,请稍后',
+					duration:-1,
+				});
 				this.bottomLeftX = this.left;
 				this.bottomLeftY = this.screenHeight - this.top - this.height;
 				this.$refs.krpanoVideo.makescreenshot();
 			},
+			closeToast(){
+				this.instance && this.instance.close();
+			},
 			navbarBackClk() {
 
 			},