加载动画优化

src/view/music-score/index.tsx

@@ -218,26 +218,24 @@ export default defineComponent({
 				selectionBox && container?.removeChild(selectionBox)
 				selectionBgBox && container?.removeChild(selectionBgBox)
 			}
-			// 有可能会有 其他地方的js执行 阻塞 这里下一帧再执行确保加载条出来
-			requestAnimationFrame(() =>{
-				isLoadingCss.value = true
-				requestAnimationFrame(async () => {
-					state.evXmlBeginArr = [];
-					state.vfmeasures = [];
-					musicData.showSelection = false;
-					state.osmd.clear();
-					musicData.isRenderLoading = true;
-					musicData.isRefreshLoading = true;
-					getContainerWidth();
-					//setRenderType();
-					await getXML();
-					await init();
-					musicData.isRenderLoading = false;
-					musicData.isRefreshLoading = false;
-					musicData.showSelection = true;
-					isLoadingCss.value = false
-				})
-			})
+			// 有可能会有 其他地方的js执行 阻塞 这里确保加载条出来
+			isLoadingCss.value = true
+			setTimeout(async () => {
+				state.evXmlBeginArr = [];
+				state.vfmeasures = [];
+				musicData.showSelection = false;
+				state.osmd.clear();
+				musicData.isRenderLoading = true;
+				musicData.isRefreshLoading = true;
+				getContainerWidth();
+				//setRenderType();
+				await getXML();
+				await init();
+				musicData.isRenderLoading = false;
+				musicData.isRefreshLoading = false;
+				musicData.showSelection = true;
+				isLoadingCss.value = false
+			}, 120);
 		}
 		expose({
 			refreshMusicScore,