|
@@ -12,6 +12,7 @@ import { getQuery } from "/src/utils/queryString";
|
|
|
const selectData = reactive({
|
|
|
notes: [] as any[],
|
|
|
staves: [] as any[],
|
|
|
+ measureHeight: 0 as number, // 小节高度
|
|
|
});
|
|
|
|
|
|
/** 计算点击层数据 */
|
|
@@ -108,6 +109,7 @@ const calcNoteData = () => {
|
|
|
} catch (error) {}
|
|
|
|
|
|
// console.log("🚀 ~ staveEle:", staveBbox)
|
|
|
+ selectData.measureHeight = staveBbox.height
|
|
|
noteItem.staveBox = {
|
|
|
left: staveBbox.x - parentLeft + "px",
|
|
|
// top: ((item.stave.y || 0) - 5) * state.zoom + "px",
|
|
@@ -129,7 +131,7 @@ const calcNoteData = () => {
|
|
|
left: preItem.staveBox.left,
|
|
|
top: preItem.staveBox.top,
|
|
|
width: preItem.staveBox.width,
|
|
|
- height: preItem.staveBox.height,
|
|
|
+ // height: preItem.staveBox.height,
|
|
|
};
|
|
|
selectData.staves.push(noteItem);
|
|
|
MeasureNumberXMLList.push(item.MeasureNumberXML);
|
|
@@ -189,6 +191,9 @@ export default defineComponent({
|
|
|
return styles.leftStaveBox;
|
|
|
}
|
|
|
if (item.MeasureNumberXML == actualEndIndex) {
|
|
|
+ if (!item.staveBox?.height) {
|
|
|
+ item.staveBox.height = selectData.measureHeight + 'px'
|
|
|
+ }
|
|
|
return styles.rightStaveBox;
|
|
|
}
|
|
|
return styles.staveBox;
|