fix

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

@@ -72,7 +72,7 @@
 
 
         .tips {
-            height: 238px;
+            height: 280px;
             border-radius: 18px 18px 0 0;
             padding: 8px 8px 0 8px;
             background-image: url('./image/icon_shuo_v.png');
@@ -90,7 +90,7 @@
             }
 
             &.tipHidden {
-                margin-bottom: -238px;
+                margin-bottom: -280px;
             }
 
             .tipContentbox {
@@ -215,7 +215,7 @@
 
     .tipTitle {
         position: relative;
-        height: 56px;
+        height: 48px;
         display: flex;
         justify-content: center;
         align-items: center;
@@ -238,7 +238,7 @@
             top: 50%;
             transform: translateY(-50%);
             width: 25px;
-            height: 2px;
+            height: 1px;
             background: #fff;
             z-index: -1;
         }
@@ -250,7 +250,7 @@
             top: 50%;
             transform: translateY(-50%);
             width: 25px;
-            height: 2px;
+            height: 1px;
             background: #fff;
             z-index: -1;
         }
@@ -282,7 +282,7 @@
 
     .iconBook {
         position: absolute;
-        top: 56px;
+        top: 48px;
         left: 37px;
         right: 37px;
         height: 26px;
@@ -715,7 +715,7 @@
             top: 50%;
             transform: translateY(-50%);
             width: 25px;
-            height: 2px;
+            height: 1px;
             background: #fff;
             z-index: -1;
         }
@@ -727,7 +727,7 @@
             top: 50%;
             transform: translateY(-50%);
             width: 25px;
-            height: 2px;
+            height: 1px;
             background: #fff;
             z-index: -1;
         }
@@ -796,7 +796,6 @@
     }
 
     .toneContent {
-        margin: 0 -2px;
         display: flex;
         flex-wrap: wrap;
         --van-button-primary-background: rgba(174, 137, 103, 1);
@@ -919,7 +918,7 @@
         .tipContent {
             border-radius: 16px 16px 0 0;
             border-bottom: transparent;
-            padding: 4px;
+            padding: 4px 8px;
         }
     }
 

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

@@ -407,7 +407,14 @@ export default defineComponent({
 					</div>
 					<div class={styles.fingerContent}>
 						<div class={styles.wrapFinger}>
-							<div id="fingeringContainer" class={styles.boxFinger} style={{paddingTop: ['piccolo', 'hulusi-flute'].includes(data.subject) ? '2rem' : '1.33333rem'}}>
+							<div
+								id="fingeringContainer"
+								class={styles.boxFinger}
+								style={{
+									paddingTop: ["piccolo", "hulusi-flute"].includes(data.subject) ? "3.1rem" : "0",
+									paddingBottom: ["piccolo", "hulusi-flute"].includes(data.subject) ? ".8rem" : "0",
+								}}
+							>
 								<div
 									style={{
 										transform: `translate3d(${data.transform.x}px,${data.transform.y}px,0px) scale(${data.transform.scale})`,