fix

src/page-instrument/view-figner/index.module.less

@@ -208,7 +208,7 @@
     z-index: 11;
     flex-shrink: 0;
     transition: all .3s;
-    background-color: rgba(190, 166, 140, 1);
+    // background-color: rgba(190, 166, 140, 1);
     background-size: 100% 100%;
     background-repeat: no-repeat;
     overflow: hidden;
@@ -686,7 +686,7 @@
     z-index: 12;
     transition: all .3s;
     overflow: hidden;
-    background-color: rgba(190, 166, 140, 1);
+    // background-color: rgba(190, 166, 140, 1);
     background-size: 100% 100%;
     background-repeat: no-repeat;
 
@@ -854,6 +854,7 @@
     width: 43%;
     height: 100%;
     border-radius: 18px 0px 0px 18px;
+    background-color: transparent;
 
     .tones {
         padding: 8px;
@@ -892,6 +893,7 @@
     flex-direction: column;
     min-height: 238px;
     border-radius: 18px 18px 0 0;
+    background-color: transparent;
 
     .tones {
         flex: 1;

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

@@ -346,40 +346,40 @@ export default defineComponent({
 				return {
 					paddingTop: "1rem",
 					paddingBottom: "",
-				}
+				};
 			}
 			if (data.subject === "hulusi-flute") {
 				return {
 					paddingTop: "3.1rem",
 					paddingBottom: ".8rem",
-				}
+				};
 			} else if (data.subject === "piccolo") {
 				return {
 					paddingTop: "4rem",
 					paddingBottom: ".8rem",
-				}
-			} else if (data.subject === 'pan-flute'){
+				};
+			} else if (data.subject === "pan-flute") {
 				return {
 					paddingTop: "0",
 					paddingBottom: "0",
-				}
+				};
 			} else if (data.subject === "ocarina") {
 				return {
 					paddingTop: "1.2rem",
 					paddingBottom: "0",
-				}
-			} else if (data.subject === 'melodica') {
+				};
+			} else if (data.subject === "melodica") {
 				return {
 					paddingTop: "2.8rem",
 					paddingBottom: "1.8rem",
-				}
+				};
 			} else {
 				return {
 					paddingTop: "",
 					paddingBottom: "",
-				}
+				};
 			}
-		})
+		});
 		return () => {
 			const relationship = fingerData.subject?.relationship?.[data.realKey] || [];
 			const rs: number[] = Array.isArray(relationship[1])
@@ -616,7 +616,11 @@ export default defineComponent({
 						class="tonePopup"
 						v-model:show={data.tnoteShow}
 						position={
-							!query.modelType && fingerData.fingeringInfo.orientation === 1 ? "bottom" : "right"
+							state.platform !== IPlatform.PC &&
+							!query.modelType &&
+							fingerData.fingeringInfo.orientation === 1
+								? "bottom"
+								: "right"
 						}
 					>
 						<div class={styles.tones}>