build

src/page-instrument/view-figner/guide/finger-guide.tsx

@@ -3,11 +3,13 @@ import styles from "./index.module.less";
 import { Button, Icon, Popup } from "vant";
 import icons from "./image/icons.json";
 import state from "/src/state";
+import { getQuery } from "/src/utils/queryString";
 
 export default defineComponent({
 	name: "DetailGuide",
 	emits: ["close"],
 	setup(props, { emit }) {
+		const query = getQuery();
 		const data = reactive({
 			box: {},
 			show: true,
@@ -81,7 +83,7 @@ export default defineComponent({
 					</div>
 					<div onClick={(e: Event) => e.stopPropagation()}>
 						{data.steps.map((item, index) => (
-							<div style={{ display: index === data.step ? "" : "none" }} class={styles.item}>
+							<div style={{ display: index === data.step ? "" : "none" }} class={[styles.item, ['Woodwind', 'Tenor Recorder'].includes(query.code) && styles.itemScale]}>
 								<div class={styles.title}>
 									<img src={icons.guide_2} />
 									<div class={styles.des} style={{fontSize: index === 2 ? '0.34667rem' : ''}}>

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

@@ -125,5 +125,11 @@
             color: #131415;
             padding: 0;
         }
+
+        &.itemScale{
+            transform: scale(.8);
+            transform-origin: right bottom;
+            right: 35px;
+        }
     }
 }