fix

src/page-instrument/header-top/index.tsx

@@ -23,7 +23,7 @@ import ModeTypeMode from "../component/mode-type-mode";
 import { getQuery } from "/src/utils/queryString";
 import { storeData } from "/src/store";
 import TeacherTop from "../custom-plugins/guide-page/teacher-top";
-import StudentTop from '../custom-plugins/guide-page/student-top'
+import StudentTop from "../custom-plugins/guide-page/student-top";
 
 /** 头部数据和方法 */
 export const headTopData = reactive({
@@ -63,8 +63,8 @@ export default defineComponent({
 	emits: ["close"],
 	setup(props, { emit }) {
 		// 是否显示引导
-		const showGuide = ref(false)
-		const showStudentGuide = ref(false)
+		const showGuide = ref(false);
+		const showStudentGuide = ref(false);
 		/** 设置按钮 */
 		const settingBtn = computed(() => {
 			// 音频播放中 禁用
@@ -213,17 +213,38 @@ export default defineComponent({
 			};
 		});
 
-		const isAllBtns = computed(()=>{
-			const flag = converBtn.value.display&&speedBtn.value.display&&selectBtn.value.display&&originBtn.value.display&&toggleBtn.value.display&&showGuide.value
-			console.log(flag,'flag',converBtn.value.display,speedBtn.value.display,selectBtn.value.display,originBtn.value.display,toggleBtn.value.display,showGuide.value)
-			return flag
-		})
-
-		const isAllBtnsStudent =computed(()=>{
-			const flag = converBtn.value.display&&speedBtn.value.display&&selectBtn.value.display&&originBtn.value.display&&toggleBtn.value.display&&showStudentGuide.value
-		
-			return flag
-		})
+		const isAllBtns = computed(() => {
+			const flag =
+				converBtn.value.display &&
+				speedBtn.value.display &&
+				selectBtn.value.display &&
+				originBtn.value.display &&
+				toggleBtn.value.display &&
+				showGuide.value;
+			console.log(
+				flag,
+				"flag",
+				converBtn.value.display,
+				speedBtn.value.display,
+				selectBtn.value.display,
+				originBtn.value.display,
+				toggleBtn.value.display,
+				showGuide.value
+			);
+			return flag;
+		});
+
+		const isAllBtnsStudent = computed(() => {
+			const flag =
+				converBtn.value.display &&
+				speedBtn.value.display &&
+				selectBtn.value.display &&
+				originBtn.value.display &&
+				toggleBtn.value.display &&
+				showStudentGuide.value;
+
+			return flag;
+		});
 		/** 返回 */
 		const handleBack = () => {
 			emit("close");
@@ -268,9 +289,9 @@ export default defineComponent({
 			getQueryModelSetModelType();
 			window.addEventListener("message", changePlay);
 			if (state.platform === IPlatform.PC) {
-				showGuide.value = true
-			}else{
-				showStudentGuide.value = true
+				showGuide.value = true;
+			} else {
+				showStudentGuide.value = true;
 			}
 		});
 
@@ -280,18 +301,18 @@ export default defineComponent({
 
 		return () => (
 			<>
-		
-			<div>
 				<div class={[styles.headerTop]}>
-					<div class={[styles.back, "headTopBackBtn", !headTopData.showBack && styles.hidenBack]} onClick={handleBack}>
+					<div
+						class={[styles.back, "headTopBackBtn", !headTopData.showBack && styles.hidenBack]}
+						onClick={handleBack}
+					>
 						<img src={iconBack} />
 					</div>
 					<Title class="pcTitle" text={state.examSongName} rightView={false} />
 
 					<div class={styles.headRight}>
-					
 						<div
-							id={state.platform === IPlatform.PC?"teacherTop-0":'studnetT-0'}
+							id={state.platform === IPlatform.PC ? "teacherTop-0" : "studnetT-0"}
 							style={{ display: toggleBtn.value.display ? "" : "none" }}
 							class={[styles.btn, toggleBtn.value.disabled && styles.disabled]}
 							onClick={() => {
@@ -304,8 +325,7 @@ export default defineComponent({
 						</div>
 
 						<div
-						id={state.platform === IPlatform.PC?"teacherTop-1":'studnetT-1'}
-				
+							id={state.platform === IPlatform.PC ? "teacherTop-1" : "studnetT-1"}
 							style={{ display: originBtn.value.display ? "" : "none" }}
 							class={[styles.btn, originBtn.value.disabled && styles.disabled]}
 							onClick={() => {
@@ -325,8 +345,7 @@ export default defineComponent({
 							<span>{state.playSource === "music" ? "原声" : "伴奏"}</span>
 						</div>
 						<div
-							id={state.platform === IPlatform.PC?"teacherTop-2":'studnetT-2'}
-				
+							id={state.platform === IPlatform.PC ? "teacherTop-2" : "studnetT-2"}
 							style={{ display: selectBtn.value.display ? "" : "none" }}
 							class={[styles.btn, selectBtn.value.disabled && styles.disabled]}
 							onClick={() => handleChangeSection()}
@@ -349,7 +368,7 @@ export default defineComponent({
 							<span>选段</span>
 						</div>
 						<div
-								id={state.platform === IPlatform.PC?"teacherTop-3":'studnetT-3'}
+							id={state.platform === IPlatform.PC ? "teacherTop-3" : "studnetT-3"}
 							style={{ display: fingeringBtn.value.display ? "" : "none" }}
 							class={[styles.btn, fingeringBtn.value.disabled && styles.disabled]}
 							onClick={() => {
@@ -378,7 +397,7 @@ export default defineComponent({
 							{{
 								reference: () => (
 									<div
-									id={state.platform === IPlatform.PC?"teacherTop-4":'studnetT-4'}
+										id={state.platform === IPlatform.PC ? "teacherTop-4" : "studnetT-4"}
 										style={{ display: speedBtn.value.display ? "" : "none" }}
 										class={[styles.btn, speedBtn.value.disabled && styles.disabled]}
 										onClick={(e: Event) => {
@@ -404,7 +423,7 @@ export default defineComponent({
 							{{
 								reference: () => (
 									<div
-									id={state.platform === IPlatform.PC?"teacherTop-5":'studnetT-5'}
+										id={state.platform === IPlatform.PC ? "teacherTop-5" : "studnetT-5"}
 										style={{ display: converBtn.value.display ? "" : "none" }}
 										class={[styles.btn, converBtn.value.disabled && styles.disabled]}
 										onClick={(e: Event) => {
@@ -412,7 +431,7 @@ export default defineComponent({
 											headData.musicTypeShow = !headData.musicTypeShow;
 										}}
 									>
-										<img  class={styles.iconBtn} src={headImg("icon_zhuanpu.svg")} />
+										<img class={styles.iconBtn} src={headImg("icon_zhuanpu.svg")} />
 										<span>{state.musicRenderType === "staff" ? "转简谱" : "转五线谱"}</span>
 									</div>
 								),
@@ -421,7 +440,7 @@ export default defineComponent({
 						</Popover>
 
 						<div
-							id={state.platform === IPlatform.PC?"teacherTop-6":'studnetT-6'}
+							id={state.platform === IPlatform.PC ? "teacherTop-6" : "studnetT-6"}
 							style={{ display: settingBtn.value.display ? "" : "none" }}
 							class={[styles.btn, settingBtn.value.disabled && styles.disabled]}
 							onClick={() => (headTopData.settingMode = true)}
@@ -434,7 +453,7 @@ export default defineComponent({
 
 				{/* 播放按钮 */}
 				<div
-					id='studnetT-7'
+					id="studnetT-7"
 					style={{ display: playBtn.value.display ? "" : "none" }}
 					class={[
 						styles.btn,
@@ -494,10 +513,8 @@ export default defineComponent({
 				{/* 模式切换 */}
 				<ModeTypeMode />
 				{/* isAllBtns */}
-				{isAllBtns.value&&<TeacherTop></TeacherTop>}
-				{isAllBtnsStudent.value&&<StudentTop></StudentTop>}
-				</div>
-	
+				{isAllBtns.value && <TeacherTop></TeacherTop>}
+				{isAllBtnsStudent.value && <StudentTop></StudentTop>}
 			</>
 		);
 	},