系统节拍器 降低位置

src/view/tick/index.tsx

@@ -129,10 +129,10 @@ export const handleStartTick = async () => {
 export default defineComponent({
 	name: "metronome",
 	setup() {
-		const posObj = {
+		const posObj = reactive({
 			top: "0px",
 			left: "0px"
-		}
+		})
 		function initPos() {
 			const musicAndSelectionDom = document.querySelector("#musicAndSelection")
 			const osmdSvgPage1Dom = musicAndSelectionDom?.querySelector("#osmdSvgPage1")
@@ -141,7 +141,7 @@ export default defineComponent({
 			const osmdSvgPage1DomPos = osmdSvgPage1Dom?.getBoundingClientRect()
 			const stafflineDomPos = stafflineDom?.getBoundingClientRect()
 			Object.assign(posObj,{
-				top: (osmdSvgPage1DomPos?.top||0)-(musicAndSelectionDomPos?.top||0)-18+"px",
+				top: (osmdSvgPage1DomPos?.top||0)-(musicAndSelectionDomPos?.top||0)+13+"px",
 				left: (stafflineDomPos?.left||0)-(osmdSvgPage1DomPos?.left||0)+"px"
 			})
 		}