fix: automatically close lyrics program

radishes-music · Jan 24, 2021 · b52232f · b52232f
1 parent eb30bbf
commit b52232f
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/pages/footer/view/index.tsx b/src/pages/footer/view/index.tsx
@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed } from 'vue'
-import { useRouter } from '@/hooks/index'
+import { defineComponent, ref, computed, watch } from 'vue'
+import { useRouter, useRoute } from '@/hooks/index'
 import { MusicControl } from '../components/music-controller'
 import { VolumeAndHistory } from '../components/volume-history/index'
 import { useFooterModule, useLayoutModule, useMainModule } from '@/modules'
@@ -19,6 +19,7 @@ export const Footer = defineComponent({
   setup() {
     const visibleLyrice = ref(false)
 
+    const route = useRoute()
     const router = useRouter()
     const FooterModule = useFooterModule()
     const MainModule = useMainModule()
@@ -43,6 +44,13 @@ export const Footer = defineComponent({
       }
     }
 
+    watch(
+      () => route.path,
+      () => {
+        unfoldLyrice()
+      }
+    )
+
     const toArtist = (artist: Artists) => {
       router.push({
         path: '/artist/' + artist.id + '/album'