|
@@ -3,7 +3,7 @@ import { Switch, Slider } from "vant";
|
|
|
import styles from "./index.module.less"
|
|
|
import { headData } from "../index"
|
|
|
import { headImg } from "../image";
|
|
|
-import state, { handleSetSpeed } from "../../../state";
|
|
|
+import state, { handleSetSpeed, resetBaseRate } from "../../../state";
|
|
|
import { metronomeData } from "../../../helpers/metronome";
|
|
|
|
|
|
export default defineComponent({
|
|
@@ -22,11 +22,15 @@ export default defineComponent({
|
|
|
canSpeed = Math.max(canSpeed, 45);
|
|
|
speed.value = canSpeed;
|
|
|
};
|
|
|
+ // 重置当前小节的速度
|
|
|
+ const resetCurrentSpeed = () => {
|
|
|
+ resetBaseRate(state.activeNoteIndex);
|
|
|
+ };
|
|
|
watch(
|
|
|
() => speed.value,
|
|
|
() => {
|
|
|
// handleSetSpeed(speed.value);
|
|
|
- state.speed = speed.value;
|
|
|
+ state.speed = Math.floor(speed.value);
|
|
|
}
|
|
|
);
|
|
|
watch(
|
|
@@ -57,11 +61,11 @@ export default defineComponent({
|
|
|
<div class={styles.spendCon}>
|
|
|
<img src={headImg("cutImg.png")} class={[styles.btn]} onClick={minusSpeed} />
|
|
|
<div class={styles.sliderCon}>
|
|
|
- <Slider class={styles.slider} max={270} min={45} v-model={speed.value}>
|
|
|
+ <Slider class={styles.slider} max={270} min={speed.value < 45 ? speed.value : 45} v-model={speed.value}>
|
|
|
{{
|
|
|
button: () =>
|
|
|
<div class={styles.customButton}>
|
|
|
- <div class={styles.speedVal}>{ speed.value }</div>
|
|
|
+ <div class={styles.speedVal}>{ Math.floor(speed.value) }</div>
|
|
|
<div class={styles.speedBtn}></div>
|
|
|
</div>
|
|
|
}}
|
|
@@ -70,7 +74,7 @@ export default defineComponent({
|
|
|
<img src={headImg("addImg.png")} class={[styles.btn]} onClick={plusSpeed} />
|
|
|
</div>
|
|
|
<div class={styles.speedSel}>
|
|
|
- <div onClick={()=>{ speed.value = state.originSpeed }}>原速</div>
|
|
|
+ <div onClick={resetCurrentSpeed}>原速</div>
|
|
|
<div onClick={()=>{ speed.value = 70 }}>70</div>
|
|
|
<div onClick={()=>{ speed.value = 80 }}>80</div>
|
|
|
<div onClick={()=>{ speed.value = 90 }}>90</div>
|