修改样式

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

@@ -1286,6 +1286,12 @@
         max-width: 75% !important
     }
 
+    .fingerContent,
+    .fixedRightBtns {
+        padding-left: 0 !important;
+        padding-top: 0 !important;
+    }
+
     // .left {
     //     // padding: 26px 5px 26px 18px;
     //     padding-top: 26px;

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

@@ -941,8 +941,8 @@ export default defineComponent({
           <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}>
@@ -977,7 +977,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"
@@ -1153,7 +1159,13 @@ export default defineComponent({
               </div>
             )}
           </div>
-          <div class={styles.fixedRightBtns}>
+          <div
+            class={styles.fixedRightBtns}
+            style={{
+              paddingTop: data.paddingTop ? data.paddingTop : "",
+              paddingLeft: data.paddingLeft ? data.paddingLeft : "",
+            }}
+          >
             <div class={styles.rightBtn}>
               {data.subject !== "melodica" && data.fingeringMode === "scaleMode" && (
                 <div