fix

src/views/accompany/index.module.less

@@ -43,6 +43,10 @@
     div{
         box-sizing: border-box;
     }
+    .heade{
+        position: fixed;
+        top: 0;
+    }
     .filter{
         display: flex;
         align-items: center;

src/views/accompany/index.tsx

@@ -1,6 +1,6 @@
 import request from '@/helpers/request'
 import { state } from '@/state'
-import { defineComponent, reactive, onMounted,watch } from 'vue'
+import { defineComponent, reactive, onMounted, watch } from 'vue'
 import { RouterView, useRoute } from 'vue-router'
 import Category from './category'
 import { getImage } from './images'
@@ -67,11 +67,15 @@ export default defineComponent({
       handleOpen()
     }
     const handleOpen = () => {
-      data.childPath = route.path.replaceAll('/', '')
+      console.log('🚀 ~ route', route)
+      data.childPath = route?.path?.replaceAll('/', '') || 'accompany'
     }
-    watch(() => route.path, () => {
-        data.childPath = route.path.replaceAll('/', '')
-    })
+    watch(
+      () => route.path,
+      () => {
+        data.childPath = route?.path?.replaceAll('/', '') || 'accompany'
+      }
+    )
     onMounted(() => {
       getTree()
     })

src/views/accompany/music-list.tsx

@@ -3,6 +3,7 @@ import { postMessage } from '@/helpers/native-message'
 import request from '@/helpers/request'
 import { browser } from '@/helpers/utils'
 import { state } from '@/state'
+import { useRect } from '@vant/use'
 import {
   Cell,
   CellGroup,
@@ -30,7 +31,6 @@ export default defineComponent({
   },
   setup(props, ctx) {
     const route = useRoute()
-    const router = useRouter()
     const imgDefault = getImage('icon-music.svg')
     const data = reactive({
       loading: true,
@@ -48,7 +48,7 @@ export default defineComponent({
     })
     const option1 = computed(() => {
       const v1: any = props.musicTree.find((n: any) => n.id == route.query.categorieid)
-      console.log('🚀 ~ v1', v1)
+    //   console.log('🚀 ~ v1', v1)
       if (Array.isArray(v1?.musicSheetCategoriesList)) {
         const list = v1.musicSheetCategoriesList.map((m: any) => {
           if (!data.value1) {
@@ -151,9 +151,17 @@ export default defineComponent({
         }
       })
     }
+    const headeRef = ref()
+    const headerData = reactive({
+        height: 0
+    })
+    onMounted(() => {
+        const rect = useRect(headeRef)
+        headerData.height = rect.height
+    })
     return () => (
       <div class={styles['accompany-music-list']}>
-        <Sticky>
+        <div class={styles.heade} ref={headeRef}>
           <DropdownMenu>
             <DropdownItem
               v-model:modelValue={data.value1}
@@ -198,7 +206,7 @@ export default defineComponent({
               }}
             </Search>
           </div>
-        </Sticky>
+        </div>
         <Cell
           center
           title="无别（【冥加】会员,测试"