lex hace 1 año
padre
commit
975acd5454

+ 1 - 2
src/page-instrument/view-figner/guide/finger-guide.tsx

@@ -85,9 +85,8 @@ export default defineComponent({
             ))}
             ))}
           </div>
           </div>
           <div onClick={(e: Event) => e.stopPropagation()}>
           <div onClick={(e: Event) => e.stopPropagation()}>
-            {/* // , ["Woodwind", "Tenor Recorder", "BaroqueRecorder"].includes(query.code) && styles.itemScale] */}
             {data.steps.map((item, index) => (
             {data.steps.map((item, index) => (
-              <div style={{ display: index === data.step ? "" : "none" }} class={[styles.item, props.fingeringMode === "scaleMode" && styles.fingeringMode, styles[item.classTip]]}>
+              <div style={{ display: index === data.step ? "" : "none" }} class={[styles.item, props.fingeringMode !== "scaleMode" && styles.fingeringMode, ["Woodwind", "Tenor Recorder", "BaroqueRecorder"].includes(query.code) && styles.itemScale, styles[item.classTip]]}>
                 <div class={styles.icon}>
                 <div class={styles.icon}>
                   <img src={icons.guide_3} />
                   <img src={icons.guide_3} />
                 </div>
                 </div>

+ 17 - 12
src/page-instrument/view-figner/guide/index.module.less

@@ -42,7 +42,7 @@
     .box {
     .box {
         position: fixed;
         position: fixed;
         box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 0px 5000px;
         box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 0px 5000px;
-        transition: all 0.25s;
+        transition: all 0.05s;
         border-radius: 8px;
         border-radius: 8px;
     }
     }
 
 
@@ -78,11 +78,24 @@
 
 
     .item {
     .item {
         position: absolute;
         position: absolute;
-        right: 22px;
-        bottom: 195px;
+        right: 52px;
+        bottom: 42px;
+        // bottom: 195px;
 
 
         &.fingeringMode {
         &.fingeringMode {
-            bottom: 42px;
+            // bottom: 42px;    
+            // bottom: 195px;
+        }
+
+        &.fingeringMode.itemScale {
+            // transform: scale(.8);
+            // transform-origin: right bottom;
+            // right: 35px;
+            bottom: 195px;
+        }
+
+        &.itemScale {
+            right: 22px;
         }
         }
 
 
         &.boxTip2,
         &.boxTip2,
@@ -142,13 +155,5 @@
                 line-height: 19px;
                 line-height: 19px;
             }
             }
         }
         }
-
-
-
-        &.itemScale {
-            transform: scale(.8);
-            transform-origin: right bottom;
-            right: 35px;
-        }
     }
     }
 }
 }