|
|
@@ -94,11 +94,13 @@ export default defineComponent({
|
|
|
} else {
|
|
|
// 判断是否是滑音，滑音的宽度很大，会覆盖掉前面的音符区域，导致无法点击选中前一个音符，需要缩小滑音的点击区域
|
|
|
let vibratoReduceX = 0;
|
|
|
- if (noteEle?.querySelector('.vf-vibrato')) {
|
|
|
- vibratoReduceX = 50;
|
|
|
+ if (noteEle?.querySelector('.vf-vibrato') && noteEle?.querySelector(".vf-note")) {
|
|
|
+ // vibratoReduceX = 50;
|
|
|
+ // @ts-ignore
|
|
|
+ noteBbox = noteEle.querySelector(".vf-note")?.getBoundingClientRect?.() || { x: 0, width: 0 };
|
|
|
} else {
|
|
|
vibratoReduceX = 0;
|
|
|
- }
|
|
|
+ }
|
|
|
const needTransY = -(staveBbox.height - customBgBox.height) / 2 + "px";
|
|
|
noteItem.bbox = {
|
|
|
left: noteBbox.x - parentLeft - noteBbox.width / 4 + vibratoReduceX + "px",
|
