fix: #8748，切换指法等会导致谱面重新渲染操作后，需要刷新小节

src/pages/detail/section-box/index.tsx

@@ -387,11 +387,12 @@ export default defineComponent({
             return null
           }
           if (index === 0 && boundingBox) {
+            // console.log('左',formatZoom(boundingBox.y) - 5, formatZoom(boundingBox.x),X,SettingState.sett.scoreSize)
             return (
               <div
                 style={{
                   position: 'absolute',
-                  top: formatZoom(boundingBox.y) - 5 + 'px',
+                  top: formatZoom(boundingBox.y) + 'px',
                   left: formatZoom(boundingBox.x) + 'px',
                   height: formatZoom(boundingBox.height) + 'px',
                   border: `5px solid ${eyeBorderColor}`,
@@ -403,11 +404,12 @@ export default defineComponent({
             )
           }
           if (index === 1 && boundingBox) {
+            // console.log('右',formatZoom(boundingBox.y - 5), formatZoom(boundingBox.end_x),X)
             return (
               <div
                 style={{
                   position: 'absolute',
-                  top: formatZoom(boundingBox.y - 5) + 'px',
+                  top: formatZoom(boundingBox.y) + 'px',
                   left: formatZoom(boundingBox.end_x) + 'px',
                   height: formatZoom(boundingBox.height) + 'px',
                   border: `5px solid ${eyeBorderColor}`,

src/pages/detail/state.ts

@@ -82,6 +82,8 @@ const state = reactive({
   multitrack: 0,
   /** 渐变速度版本 */
   gradualVersion: GradualVersion.BASE as GradualVersion,
+  /** 是否需要刷新选段小节，谱面重新渲染后需要刷新选段小节 */
+  isNeedRefreshSection: false,
 })
 
 export const isRhythmicExercises = () => {

src/subpages/colexiu/index.tsx

@@ -147,6 +147,7 @@ export default defineComponent({
         // })
         setTimeout(() => {
           MusicSheetRef.value.reRender()
+          detailState.isNeedRefreshSection = true
         }, 16)
       }
     }, 300)

src/subpages/colexiu/unitTest/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, onMounted, reactive, ref } from 'vue'
+import { defineComponent, onMounted, reactive, ref, watchEffect } from 'vue'
 import { useOriginSearch } from '../uses'
 import request from '/src/helpers/request'
 import SettingState from '/src/pages/detail/setting-state'
@@ -109,6 +109,13 @@ export default defineComponent({
       getUnitData()
       getlessonTrainingData()
     })
+    watchEffect(() => {
+      // 监听是否需要刷新section小节
+      if (state.isNeedRefreshSection) {
+        setSection()
+        state.isNeedRefreshSection = false
+      }
+    })    
     return () => ''
   },
 })