Selaa lähdekoodia

fix: #10850,去掉骨架屏显示

TIANYONG 1 vuosi sitten
vanhempi
commit
3b1ae74b81
3 muutettua tiedostoa jossa 10 lisäystä ja 5 poistoa
  1. 4 3
      src/page-instrument/view-detail/index.tsx
  2. 1 1
      src/state.ts
  3. 5 1
      src/view/audio-list/index.tsx

+ 4 - 3
src/page-instrument/view-detail/index.tsx

@@ -164,7 +164,7 @@ export default defineComponent({
 
     /** 渲染完成 */
     const handleRendered = (osmd: any) => {
-      api_cloudLoading();
+      // api_cloudLoading();
       console.timeEnd("渲染加载耗时");
       detailData.skeletonLoading = false;
       state.osmd = osmd;
@@ -187,6 +187,7 @@ export default defineComponent({
       nextTick(() => {
         state.activeMeasureIndex = state.times[0].MeasureNumberXML;
       })
+      api_cloudLoading();
       // 一行谱
       if (state.isSingleLine) {
         // 音符添加位置信息bbox
@@ -467,13 +468,13 @@ export default defineComponent({
         }}
       >
         {/* 骨架屏 */}
-        <Transition name="van-fade">
+        {/* <Transition name="van-fade">
           {detailData.skeletonLoading && (
             <div class={styles.skeleton}>
               <Skeleton row={8} />
             </div>
           )}
-        </Transition>
+        </Transition> */}
         {/* 曲目加载错误的缺省 */}
         <EmptyMusic></EmptyMusic>
         {/** 功能按钮 */}

+ 1 - 1
src/state.ts

@@ -515,7 +515,7 @@ const state = reactive({
   /** 作词家 */
   musicLyricist: '',
   // 加载条
-  isLoading: false,
+  isLoading: true,
   /** 加载中的文案 */
   loadingText: '音频资源加载中,请稍后…',
   /** 是否是简单的单行谱模式页面 */

+ 5 - 1
src/view/audio-list/index.tsx

@@ -278,7 +278,11 @@ export default defineComponent({
 			return Promise.all([createAudio(state.beatSong.music), createAudio(state.beatSong.accompany), createAudio(state.beatSong.fanSong), createAudio(state.beatSong.banSong), createAudio(state.beatSong.mingSong)])
 		}
 		onMounted(async () => {
-			state.isLoading = true
+			// 预览的时候不走音频加载逻辑
+			if(state.isPreView){
+				state.isLoading = false;
+				return
+			}			
 			if (state.playMode !== "MIDI") {
 				console.time("音频加载时间")
 				// 处理音源