|
|
@@ -15,7 +15,7 @@ import { usePageVisibility } from "@vant/use";
|
|
|
import { watch } from "vue";
|
|
|
import icon_loading_img from "./image/icon_loading_img.png";
|
|
|
import state, { IPlatform } from "/src/state";
|
|
|
-import { api_subjectList, getSubjectList } from "../api";
|
|
|
+import { api_musicalInstrumentList, api_subjectList, getSubjectList } from "../api";
|
|
|
import ChangeSubject from "./change-subject";
|
|
|
|
|
|
export default defineComponent({
|
|
|
@@ -41,6 +41,7 @@ export default defineComponent({
|
|
|
const code = mappingVoicePart(query.code, "INSTRUMENT");
|
|
|
const subject = props.isComponent ? props.subject || "pan-flute" : code || "pan-flute";
|
|
|
const data = reactive({
|
|
|
+ linkSource: query.linkSource, // 来源，目前只有课件里使用
|
|
|
loading: true,
|
|
|
subject: subject as any,
|
|
|
realKey: 0,
|
|
|
@@ -109,7 +110,7 @@ export default defineComponent({
|
|
|
const getAPPData = async (type: "top" | "left") => {
|
|
|
const screenData = await isSpecialShapedScreen();
|
|
|
if (screenData?.content) {
|
|
|
- // console.log("🚀 ~ screenData:", screenData.content);
|
|
|
+ console.log("🚀 ~ screenData:", screenData.content);
|
|
|
const { isSpecialShapedScreen, notchHeight } = screenData.content;
|
|
|
if (isSpecialShapedScreen) {
|
|
|
if (type === "top") {
|
|
|
@@ -123,10 +124,10 @@ export default defineComponent({
|
|
|
};
|
|
|
|
|
|
const getHeadTop = () => {
|
|
|
- if (!browsInfo.ios && fingerData.fingeringInfo.orientation === 1) {
|
|
|
+ if (fingerData.fingeringInfo.orientation === 1) {
|
|
|
getAPPData("top");
|
|
|
}
|
|
|
- if (!browsInfo.ios && fingerData.fingeringInfo.orientation === 0) {
|
|
|
+ if (fingerData.fingeringInfo.orientation === 0) {
|
|
|
getAPPData("left");
|
|
|
}
|
|
|
};
|
|
|
@@ -215,7 +216,8 @@ export default defineComponent({
|
|
|
// };
|
|
|
|
|
|
// 切换当前模式
|
|
|
- const onChangeFingeringModel = () => {
|
|
|
+ const onChangeFingeringModel = (e: any) => {
|
|
|
+ e.stopPropagation();
|
|
|
//
|
|
|
if (playAction.listenLock) return;
|
|
|
if (playAction.showAnswerLoading) return;
|
|
|
@@ -252,7 +254,6 @@ export default defineComponent({
|
|
|
const __init = async (loadSong = true) => {
|
|
|
data.loadingDom = true;
|
|
|
getNotes();
|
|
|
-
|
|
|
// selectSubjectType(data.subject);
|
|
|
|
|
|
if (data.fingeringMode === "fingeringMode") {
|
|
|
@@ -289,48 +290,28 @@ export default defineComponent({
|
|
|
const getSubjects = async () => {
|
|
|
try {
|
|
|
// api_subjectList
|
|
|
- const subjects = await api_subjectList({
|
|
|
+ const subjects = await api_musicalInstrumentList({
|
|
|
enableFlag: true,
|
|
|
- delFlag: 0,
|
|
|
- page: 1,
|
|
|
- rows: 999,
|
|
|
});
|
|
|
|
|
|
const rows = subjects.data || [];
|
|
|
rows.forEach((row: any) => {
|
|
|
const tempList: any = {
|
|
|
text: row.name,
|
|
|
- value: "", // mappingVoicePart(row.code, "INSTRUMENT"),
|
|
|
+ value: mappingVoicePart(row.code, "INSTRUMENT"), // mappingVoicePart(row.code, "INSTRUMENT"),
|
|
|
id: row.id,
|
|
|
- children: [] as any,
|
|
|
};
|
|
|
- if (row.instruments && row.instruments.length > 0) {
|
|
|
- if (row.instruments.length > 1) {
|
|
|
- row.instruments.forEach((i: any) => {
|
|
|
- tempList.children.push({
|
|
|
- text: i.name,
|
|
|
- id: i.id,
|
|
|
- value: mappingVoicePart(i.code, "INSTRUMENT"),
|
|
|
- });
|
|
|
- });
|
|
|
- } else {
|
|
|
- const singleRow = row.instruments[0];
|
|
|
- if (singleRow.code) {
|
|
|
- tempList.value = mappingVoicePart(singleRow.code, "INSTRUMENT");
|
|
|
- tempList.id = singleRow.id;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
data.subjects.push(tempList);
|
|
|
});
|
|
|
|
|
|
- data.subjects.forEach((item: any) => {
|
|
|
- if (item.value === data.subject && item.children?.length > 1) {
|
|
|
- data.subject = item.children[0].value;
|
|
|
- }
|
|
|
- });
|
|
|
+ // data.subjects.forEach((item: any) => {
|
|
|
+ // if (item.value === data.subject && item.children?.length > 1) {
|
|
|
+ // data.subject = item.children[0].value;
|
|
|
+ // }
|
|
|
+ // });
|
|
|
} catch (e) {
|
|
|
//
|
|
|
+ console.log(e, "e");
|
|
|
}
|
|
|
};
|
|
|
|
|
|
@@ -386,7 +367,7 @@ export default defineComponent({
|
|
|
handleStop();
|
|
|
if (props.isComponent) {
|
|
|
// 返回的时候默认横屏
|
|
|
- api_setRequestedOrientation(0);
|
|
|
+ // api_setRequestedOrientation(0);
|
|
|
emit("close");
|
|
|
return;
|
|
|
} else if (state.platform === IPlatform.PC) {
|
|
|
@@ -478,7 +459,12 @@ export default defineComponent({
|
|
|
// 判断乐器是否移动
|
|
|
const instrumentTranstion = computed(() => {
|
|
|
const transform = data.transform;
|
|
|
- if (transform.scale !== 1 || transform.x !== 0 || transform.y !== 0 || transform.startScale !== 1 || transform.startX !== 0 || transform.startY !== 0) {
|
|
|
+
|
|
|
+ let scale = 1;
|
|
|
+ if (data.subject === "pan-flute") {
|
|
|
+ scale = 0.9;
|
|
|
+ }
|
|
|
+ if (transform.scale !== scale || transform.x !== 0 || transform.y !== 0 || transform.startScale !== scale || transform.startX !== 0 || transform.startY !== 0) {
|
|
|
return true;
|
|
|
} else {
|
|
|
return false;
|
|
|
@@ -490,7 +476,11 @@ export default defineComponent({
|
|
|
() => pageVisible.value,
|
|
|
(val) => {
|
|
|
if (val === "hidden") {
|
|
|
- console.log("页面隐藏停止播放");
|
|
|
+ clearTimeout(playAction.timer);
|
|
|
+ playAction.listenLock = false;
|
|
|
+ playAction.listenTipsStatus = false;
|
|
|
+ playAction.exampleAnser = {};
|
|
|
+ resetMode(true, 0);
|
|
|
handleStop();
|
|
|
gaumntPause();
|
|
|
}
|
|
|
@@ -499,8 +489,28 @@ export default defineComponent({
|
|
|
/** 课件播放 */
|
|
|
const changePlay = (res: any) => {
|
|
|
if (res?.data?.api === "setPlayState") {
|
|
|
+ clearTimeout(playAction.timer);
|
|
|
+ playAction.listenLock = false;
|
|
|
+ playAction.listenTipsStatus = false;
|
|
|
+ playAction.exampleAnser = {};
|
|
|
+ resetMode(true, 0);
|
|
|
handleStop();
|
|
|
gaumntPause();
|
|
|
+
|
|
|
+ // 重置乐器
|
|
|
+ if (res?.data?.data.code) {
|
|
|
+ data.subject = code;
|
|
|
+ data.viewIndex = 0;
|
|
|
+ data.tipShow = false;
|
|
|
+ data.loadingDom = true;
|
|
|
+ fingerData.fingeringInfo = subjectFingering(data.subject);
|
|
|
+ data.activeTone = {} as any;
|
|
|
+ resetElement();
|
|
|
+ // 设置屏幕方向
|
|
|
+ setTimeout(() => {
|
|
|
+ __init();
|
|
|
+ }, 100);
|
|
|
+ }
|
|
|
}
|
|
|
};
|
|
|
|
|
|
@@ -609,6 +619,7 @@ export default defineComponent({
|
|
|
/** 0: 未答，1: 答对，2: 答错 */
|
|
|
userAnswerStatus: 0 as 0 | 1 | 2, // 用户回答状态
|
|
|
userAnswer: {} as any, // 用户答的数据
|
|
|
+ timer: null as any,
|
|
|
});
|
|
|
const onActionPlay = async () => {
|
|
|
playAction.resetAction = false;
|
|
|
@@ -636,7 +647,7 @@ export default defineComponent({
|
|
|
const fingeringPlay = (note: any, timer = 1500, showNote = true) => {
|
|
|
return new Promise((resolve) => {
|
|
|
noteClick(note, showNote);
|
|
|
- setTimeout(() => {
|
|
|
+ playAction.timer = setTimeout(() => {
|
|
|
resolve(note);
|
|
|
}, timer);
|
|
|
});
|
|
|
@@ -651,7 +662,7 @@ export default defineComponent({
|
|
|
playAction.listenModeStatus = true; // 是否开始听音
|
|
|
playAction.listenLock = true; // 锁
|
|
|
playAction.listenTipsStatus = true;
|
|
|
- setTimeout(() => {
|
|
|
+ playAction.timer = setTimeout(() => {
|
|
|
playAction.listenTipsStatus = false;
|
|
|
playAction.listenLock = false; // 锁
|
|
|
}, 2000);
|
|
|
@@ -671,7 +682,7 @@ export default defineComponent({
|
|
|
data.realKey = 0;
|
|
|
playAction.exampleAnser = {};
|
|
|
gaumntPause();
|
|
|
- setTimeout(async () => {
|
|
|
+ playAction.timer = setTimeout(async () => {
|
|
|
// 设置答题数据
|
|
|
randomIndex = Math.floor(Math.random() * data.notes.length);
|
|
|
playAction.standardAnswer = data.notes[randomIndex];
|
|
|
@@ -766,35 +777,35 @@ export default defineComponent({
|
|
|
const containerBox = computed(() => {
|
|
|
if (state.platform === IPlatform.PC || query.modelType) {
|
|
|
return {
|
|
|
- paddingTop: "1rem",
|
|
|
+ paddingTop: "1.3rem",
|
|
|
paddingBottom: "",
|
|
|
};
|
|
|
}
|
|
|
if (data.fingeringMode === "scaleMode") {
|
|
|
if (data.subject === "hulusi-flute") {
|
|
|
return {
|
|
|
- paddingTop: "3.1rem",
|
|
|
- paddingBottom: ".8rem",
|
|
|
+ paddingTop: "1.3rem",
|
|
|
+ paddingBottom: ".5rem",
|
|
|
};
|
|
|
} else if (data.subject === "piccolo" || data.subject === "baroque-recorder") {
|
|
|
return {
|
|
|
- paddingTop: "4rem",
|
|
|
- paddingBottom: ".8rem",
|
|
|
+ paddingTop: "1.3rem",
|
|
|
+ paddingBottom: ".5rem",
|
|
|
};
|
|
|
} else if (data.subject === "pan-flute") {
|
|
|
return {
|
|
|
- paddingTop: "0",
|
|
|
+ paddingTop: "1.3rem",
|
|
|
paddingBottom: "0",
|
|
|
};
|
|
|
} else if (data.subject === "ocarina") {
|
|
|
return {
|
|
|
- paddingTop: "1.2rem",
|
|
|
+ paddingTop: "1.3rem",
|
|
|
paddingBottom: "0",
|
|
|
};
|
|
|
} else if (data.subject === "melodica") {
|
|
|
return {
|
|
|
- paddingTop: "2.8rem",
|
|
|
- paddingBottom: "1.8rem",
|
|
|
+ paddingTop: "1.8rem",
|
|
|
+ paddingBottom: "0.2rem",
|
|
|
};
|
|
|
} else {
|
|
|
return {
|
|
|
@@ -805,28 +816,28 @@ export default defineComponent({
|
|
|
} else {
|
|
|
if (data.subject === "hulusi-flute") {
|
|
|
return {
|
|
|
- paddingTop: "3.1rem",
|
|
|
+ paddingTop: "1.3rem",
|
|
|
paddingBottom: "0rem",
|
|
|
};
|
|
|
} else if (data.subject === "piccolo" || data.subject === "baroque-recorder") {
|
|
|
return {
|
|
|
- paddingTop: "3rem",
|
|
|
+ paddingTop: "1.3rem",
|
|
|
paddingBottom: ".5rem",
|
|
|
};
|
|
|
} else if (data.subject === "pan-flute") {
|
|
|
return {
|
|
|
- paddingTop: "0",
|
|
|
+ paddingTop: "1.3rem",
|
|
|
paddingBottom: "0",
|
|
|
};
|
|
|
} else if (data.subject === "ocarina") {
|
|
|
return {
|
|
|
- paddingTop: "1rem",
|
|
|
+ paddingTop: "1.3rem",
|
|
|
paddingBottom: "0",
|
|
|
};
|
|
|
} else if (data.subject === "melodica") {
|
|
|
return {
|
|
|
- paddingTop: "2.8rem",
|
|
|
- paddingBottom: "0.8rem",
|
|
|
+ paddingTop: "1.8rem",
|
|
|
+ paddingBottom: "0.2rem",
|
|
|
};
|
|
|
} else {
|
|
|
return {
|
|
|
@@ -926,12 +937,24 @@ export default defineComponent({
|
|
|
const rs: number[] = Array.isArray(relationship[1]) ? relationship[fingerData.relationshipIndex] : relationship;
|
|
|
const canTizhi = Array.isArray(relationship[1]);
|
|
|
return (
|
|
|
- <div class={[styles.fingerBox, state.platform !== IPlatform.PC && !query.modelType && fingerData.fingeringInfo.orientation === 1 ? styles.fingerBottom : styles.fingerRight]}>
|
|
|
+ <div
|
|
|
+ class={[styles.fingerBox, state.platform !== IPlatform.PC && !query.modelType && fingerData.fingeringInfo.orientation === 1 ? styles.fingerBottom : styles.fingerRight, data.linkSource === "class" ? styles.linkSourceClass : ""]}
|
|
|
+ onClick={() => {
|
|
|
+ if (data.linkSource === "class") {
|
|
|
+ window.parent.postMessage(
|
|
|
+ {
|
|
|
+ api: "clickViewFigner",
|
|
|
+ },
|
|
|
+ "*"
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ >
|
|
|
<div
|
|
|
class={styles.head}
|
|
|
style={{
|
|
|
- paddingTop: data.paddingTop ? data.paddingTop : "",
|
|
|
- paddingLeft: data.paddingLeft ? data.paddingLeft : "",
|
|
|
+ paddingTop: data.paddingTop && !browser().ios ? data.paddingTop : "",
|
|
|
+ paddingLeft: data.paddingLeft && !browser().ios ? data.paddingLeft : "",
|
|
|
}}
|
|
|
>
|
|
|
<div class={styles.left}>
|
|
|
@@ -940,8 +963,9 @@ export default defineComponent({
|
|
|
</button>
|
|
|
|
|
|
<div
|
|
|
- class={styles.baseBtn}
|
|
|
+ class={[styles.baseBtn, styles.changeInstrumentBtn]}
|
|
|
onClick={(e) => {
|
|
|
+ e.stopPropagation();
|
|
|
//
|
|
|
// 播放音阶时不能切换
|
|
|
if (playStatus.gamut) {
|
|
|
@@ -966,7 +990,13 @@ export default defineComponent({
|
|
|
</div>
|
|
|
{/* */}
|
|
|
</div>
|
|
|
- <div class={styles.fingerContent}>
|
|
|
+ <div
|
|
|
+ class={styles.fingerContent}
|
|
|
+ style={{
|
|
|
+ paddingTop: data.paddingTop ? data.paddingTop : "",
|
|
|
+ paddingLeft: data.paddingLeft ? data.paddingLeft : "",
|
|
|
+ }}
|
|
|
+ >
|
|
|
<div class={styles.wrapFinger}>
|
|
|
<div
|
|
|
id="fingeringContainer"
|
|
|
@@ -1007,11 +1037,22 @@ export default defineComponent({
|
|
|
{playAction.userAnswerStatus === 2 && <div class={[styles.tipsT, styles.playError]}></div>}
|
|
|
{playAction.resetAction && <div class={[styles.tipsT, styles.playTips5]}></div>}
|
|
|
{((data.noteType !== "#c" && (orientationDirection.value === 0 || (orientationDirection.value === 1 && state.platform === IPlatform.PC))) || (orientationDirection.value === 1 && state.platform === IPlatform.APP)) && (
|
|
|
- <Button class={styles.noteBtn} onClick={() => scrollNoteBox("left")}>
|
|
|
+ <Button
|
|
|
+ class={styles.noteBtn}
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation();
|
|
|
+ scrollNoteBox("left");
|
|
|
+ }}
|
|
|
+ >
|
|
|
<Icon name="arrow-left" />
|
|
|
</Button>
|
|
|
)}
|
|
|
- <div class={[styles.noteContent, data.fingeringMode !== "scaleMode" && orientationDirection.value === 0 && styles.noteContentOther, browsInfo.ios ? "" : styles.noteContentWrap, data.huaweiPad && styles.huaweiPad]}>
|
|
|
+ <div
|
|
|
+ class={[styles.noteContent, data.fingeringMode !== "scaleMode" && orientationDirection.value === 0 && styles.noteContentOther, browsInfo.ios ? "" : styles.noteContentWrap, data.huaweiPad && styles.huaweiPad]}
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation();
|
|
|
+ }}
|
|
|
+ >
|
|
|
{/* 判断是否为音阶模式 */}
|
|
|
{data.fingeringMode !== "scaleMode" && (
|
|
|
<div draggable={false} class={styles.note} onClick={noteChangeShow}>
|
|
|
@@ -1090,13 +1131,24 @@ export default defineComponent({
|
|
|
</div>
|
|
|
</div>
|
|
|
{((data.noteType !== "#c" && (orientationDirection.value === 0 || (orientationDirection.value === 1 && state.platform === IPlatform.PC))) || (orientationDirection.value === 1 && state.platform === IPlatform.APP)) && (
|
|
|
- <Button class={styles.noteBtn} onClick={() => scrollNoteBox("right")}>
|
|
|
+ <Button
|
|
|
+ class={styles.noteBtn}
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation();
|
|
|
+ scrollNoteBox("right");
|
|
|
+ }}
|
|
|
+ >
|
|
|
<Icon name="arrow" />
|
|
|
</Button>
|
|
|
)}
|
|
|
</div>
|
|
|
{data.fingeringMode !== "scaleMode" && (
|
|
|
- <div class={styles.optionBtns}>
|
|
|
+ <div
|
|
|
+ class={styles.optionBtns}
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation();
|
|
|
+ }}
|
|
|
+ >
|
|
|
<Button class={[styles.oBtn, styles.gamut, playStatus.action && styles.disabled]} round onClick={onGamutPlayOrPause}>
|
|
|
{playStatus.gamut ? "暂停" : "播放音阶"}
|
|
|
</Button>
|
|
|
@@ -1112,7 +1164,13 @@ export default defineComponent({
|
|
|
<div class={[styles.tips, data.loadingDom ? styles.hiddens : "", data.tipShow ? "" : styles.tipHidden]}>
|
|
|
<div class={styles.tipTitle}>
|
|
|
<div class={styles.tipTitleName}>{fingerData.fingeringInfo.code}使用说明</div>
|
|
|
- <Button class={styles.tipClose} onClick={() => (data.tipShow = false)}>
|
|
|
+ <Button
|
|
|
+ class={styles.tipClose}
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation();
|
|
|
+ data.tipShow = false;
|
|
|
+ }}
|
|
|
+ >
|
|
|
<Icon name="cross" size={19} color="#fff" />
|
|
|
</Button>
|
|
|
</div>
|
|
|
@@ -1142,7 +1200,16 @@ export default defineComponent({
|
|
|
</div>
|
|
|
)}
|
|
|
</div>
|
|
|
- <div class={styles.fixedRightBtns}>
|
|
|
+ <div
|
|
|
+ class={styles.fixedRightBtns}
|
|
|
+ style={{
|
|
|
+ paddingTop: data.paddingTop ? data.paddingTop : "",
|
|
|
+ paddingLeft: data.paddingLeft ? data.paddingLeft : "",
|
|
|
+ }}
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation();
|
|
|
+ }}
|
|
|
+ >
|
|
|
<div class={styles.rightBtn}>
|
|
|
{data.subject !== "melodica" && data.fingeringMode === "scaleMode" && (
|
|
|
<div
|
|
|
@@ -1221,7 +1288,13 @@ export default defineComponent({
|
|
|
<div class={styles.tones}>
|
|
|
<div class={styles.toneTitle}>
|
|
|
<div class={styles.tipTitleName}>移调</div>
|
|
|
- <Button class={styles.tipClose} onClick={() => (data.tnoteShow = false)}>
|
|
|
+ <Button
|
|
|
+ class={styles.tipClose}
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation();
|
|
|
+ data.tnoteShow = false;
|
|
|
+ }}
|
|
|
+ >
|
|
|
<Icon name="cross" size={19} color="#fff" />
|
|
|
</Button>
|
|
|
</div>
|
|
|
@@ -1237,7 +1310,8 @@ export default defineComponent({
|
|
|
round
|
|
|
plain
|
|
|
type={data.popupActiveTone.realName === tone.realName ? "primary" : "default"}
|
|
|
- onClick={() => {
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation();
|
|
|
data.popupActiveTone = tone;
|
|
|
setNotes();
|
|
|
}}
|
|
|
@@ -1266,9 +1340,16 @@ export default defineComponent({
|
|
|
</Space>
|
|
|
</div>
|
|
|
<div class={styles.toneAction}>
|
|
|
- <img onClick={() => (data.tnoteShow = false)} src={icons.icon_action_cancel} />
|
|
|
<img
|
|
|
- onClick={() => {
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation();
|
|
|
+ data.tnoteShow = false;
|
|
|
+ }}
|
|
|
+ src={icons.icon_action_cancel}
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation();
|
|
|
data.activeTone = data.popupActiveTone;
|
|
|
setNotes();
|
|
|
data.tnoteShow = false;
|
|
|
@@ -1281,7 +1362,13 @@ export default defineComponent({
|
|
|
</div>
|
|
|
</Popup>
|
|
|
|
|
|
- <Popup v-model:show={data.changeSubjectShow} class={styles.changeSubjectPopup}>
|
|
|
+ <Popup
|
|
|
+ v-model:show={data.changeSubjectShow}
|
|
|
+ class={styles.changeSubjectPopup}
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation();
|
|
|
+ }}
|
|
|
+ >
|
|
|
<ChangeSubject
|
|
|
subjectList={data.subjects}
|
|
|
subject={data.subject}
|
|
|
@@ -1300,12 +1387,12 @@ export default defineComponent({
|
|
|
data.activeTone = {} as any;
|
|
|
resetElement();
|
|
|
resetMode(true, 0);
|
|
|
- api_setRequestedOrientation(orientationDirection.value);
|
|
|
+ // api_setRequestedOrientation(orientationDirection.value);
|
|
|
|
|
|
data.changeSubjectShow = false;
|
|
|
// 设置屏幕方向
|
|
|
setTimeout(() => {
|
|
|
- const before = ["hulusi-flute", "piccolo", "baroque-recorder"].includes(originalSubject) ? 1 : 0;
|
|
|
+ const before = ["hulusi-flute", "piccolo", "baroque-recorder"].includes(originalSubject) ? 0 : 0;
|
|
|
if (orientationDirection.value !== before) {
|
|
|
data.paddingTop = "";
|
|
|
data.paddingLeft = "";
|
