Browse Source

搜索专辑跳转

skyblued 2 years ago
parent
commit
8ddaccac1b
2 changed files with 11 additions and 3 deletions
  1. 1 1
      src/views/musicDetail/index.tsx
  2. 10 2
      src/views/search/components/search-list/Album.tsx

+ 1 - 1
src/views/musicDetail/index.tsx

@@ -165,7 +165,7 @@ export default defineComponent({
           </div>
 
           <div class={styles.btns}>
-            <div class={styles.btn}>
+            <div class={styles.btn} onClick={() => downRef.value?.toggle()}>
               <img src={oStart} />
               <div>
                 <span style={{ color: "#EB5E00" }}>{state.favoriteNum}</span>{" "}

+ 10 - 2
src/views/search/components/search-list/Album.tsx

@@ -4,12 +4,13 @@ import styles from "./index.module.less";
 import { useToggle } from "@vant/use";
 import { List } from "vant";
 import TheMusicGrid from "@/components/TheMusicGrid";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 
 export default defineComponent({
   name: "searchAlbum",
   setup() {
     const route = useRoute();
+    const router = useRouter();
     watch(route, () => {
       params.page = 1;
       params.idAndName = route.query.search || "";
@@ -58,7 +59,14 @@ export default defineComponent({
           finishedText={finishText.value}
           onLoad={() => getMusicAlbumList()}
         >
-          <TheMusicGrid list={musicAlbumList.value} />
+          <TheMusicGrid list={musicAlbumList.value} onGoto={(n: any) =>
+            router.push({
+              path: "/musicAlum",
+              query: {
+                id: n.id,
+              },
+            })
+          } />
         </List>
       </div>
     );