feat: 详情预览模式

src/page-instrument/view-detail/index.tsx

@@ -121,6 +121,7 @@ export default defineComponent({
     onMounted(async () => {
       (window as any).appName = "colexiu";
       const id = query.id || "43554";
+      state.isPreView = query.isPreView
       // Promise.all([sysMusicScoreAccompanimentQueryPage(id)]).then((values) => {
       //   getMusicInfo(values[0]);
       // });
@@ -322,7 +323,10 @@ export default defineComponent({
             </div>
           )}
         </Transition>
-        <div class={[styles.headHeight, detailData.headerHide && styles.headHide]}>{state.musicRendered && <HeaderTop />}</div>
+        {
+          !state.isPreView && 
+          <div class={[styles.headHeight, detailData.headerHide && styles.headHide]}>{state.musicRendered && <HeaderTop />}</div>
+        }
         <div
           id="scrollContainer"
           style={{ ...fingerConfig.value.container, height: detailData.headerHide ? "100vh" : "" }}
@@ -338,7 +342,7 @@ export default defineComponent({
           {!detailData.isLoading && <MusicScore onRendered={handleRendered} />}
 
           {/* 指法 */}
-          {state.setting.displayFingering && state.fingeringInfo?.name && (
+          {state.setting.displayFingering && state.fingeringInfo?.name && !state.isPreView &&  (
             <div style={{ ...fingerConfig.value.fingerBox }}>
               <Fingering
                 style={{
@@ -376,7 +380,7 @@ export default defineComponent({
         {/* 切换曲谱 */}
         {!query.lessonTrainingId && !query.questionId && state.isConcert && <ToggleMusicSheet />}
 
-        {state.musicRendered && (
+        {state.musicRendered && !state.isPreView && (
           <>
             {/* 统计训练时长 */}
             {storeData.isApp && <RecordingTime />}

src/state.ts

@@ -414,6 +414,8 @@ const state = reactive({
   measureTime: 0,
   /** 跟练模式，节拍器播放的时间 */
   beatStartTime: 0,
+  /** 是否为详情预览模式 */
+  isPreView: false,
 });
 const browserInfo = browser();
 let offset_duration = 0;