修改样式

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

@@ -173,7 +173,7 @@
     z-index: 5;
 
     .backBtn {
-        margin-right: 34px;
+        margin-right: 14px;
         position: relative;
         padding: 12px 12px 12px 18px;
         display: flex;
@@ -196,9 +196,9 @@
         .baseBtn {
             margin: 0 6px;
 
-            background: linear-gradient(180deg, #F4EFED 0%, #E5DCD7 100%);
+            background: linear-gradient(180deg, #F4EFED 0%, #E5DCD7 100%) !important;
             box-shadow: 0px 1px 2px 0px #9F9690, inset 0px -2px 0px 0px rgba(205, 192, 181, 0.47), inset 0px 2px 1px 0px #FFFFFF;
-            border-radius: 5px;
+            border-radius: 5px !important;
 
             width: 98px;
             height: 34px;
@@ -845,7 +845,7 @@
         // &:active,
         &.active {
             // opacity: .8;
-            background: linear-gradient(180deg, #F4EFED 0%, #D9CEC7 100%);
+            background: linear-gradient(180deg, #F4EFED 0%, #D9CEC7 100%) !important;
             box-shadow: 0px 1px 2px 0px #9F9690, inset 0px -2px 0px 0px #CDC0B5, inset 0px 2px 1px 0px #FFFFFF;
             border-radius: 8px;
         }
@@ -878,6 +878,12 @@
                 opacity: 0.2;
             }
 
+            &:nth-last-child(2) {
+                &::after {
+                    display: none;
+                }
+            }
+
             &:last-child {
                 margin-bottom: 0;
 

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

@@ -910,18 +910,24 @@ export default defineComponent({
                 }}
                 onSelect={(val: any) => {
                   if (data.subject === val.value) return;
+                  const originalSubject = JSON.parse(JSON.stringify(data.subject));
                   data.subject = val.value;
                   data.viewIndex = 0;
                   data.tipShow = false;
                   data.loadingDom = true;
                   fingerData.fingeringInfo = subjectFingering(data.subject);
+                  data.activeTone = {} as any;
                   resetElement();
                   resetMode(true, 0);
                   api_setRequestedOrientation(orientationDirection.value);
                   // 设置屏幕方向
                   setTimeout(() => {
-                    data.paddingTop = "";
-                    data.paddingLeft = "";
+                    const before = ["hulusi-flute", "piccolo", "baroque-recorder"].includes(originalSubject) ? 1 : 0;
+                    if (orientationDirection.value !== before) {
+                      data.paddingTop = "";
+                      data.paddingLeft = "";
+                    }
+
                     __init();
                   }, 100);
                 }}
@@ -1164,7 +1170,7 @@ export default defineComponent({
                 }}
               >
                 <img src={icons.icon_2_1} />
-                <span>使用</span>
+                <span>说明</span>
               </div>
 
               {!!data.tones.length && data.fingeringMode === "scaleMode" && (