提交

1

src/components/albumItem/index.tsx

@@ -37,7 +37,7 @@ export default defineComponent({
   },
   setup(props) {
     const state = reactive({
-      detail: props.detail
+      detail: props.detail as any
     })
     watch(
       () => props.detail,

src/views/albumDetail/modals/albumItem/index.tsx

@@ -48,7 +48,7 @@ export default defineComponent({
     )
     const router = useRouter()
     const gotoAlbum = () => {
-      conent.emit('albumDetail',state.detail.id)
+      conent.emit('albumDetail',state.detail?.id)
     }
     return () => (
       <>
@@ -58,28 +58,28 @@ export default defineComponent({
             gotoAlbum()
           }}
         >
-          <img class={classes.startImage} src={state.detail.favorite?lineStart:start} alt="" />
+          <img class={classes.startImage} src={state.detail?.favorite?lineStart:start} alt="" />
           <div class={classes.hold}>
             <div class={classes.masker}>
               <img src={player} alt="" />
             </div>
             <img
               src={
-                state.detail.albumCoverUrl ? state.detail.albumCoverUrl : hold
+                state.detail?.albumCoverUrl ? state.detail?.albumCoverUrl : hold
               }
               alt=""
             />
           </div>
 
-          <h2>{state.detail.albumName}</h2>
+          <h2>{state.detail?.albumName}</h2>
           <div class={classes.itemBottom}>
             <div class={classes.itemBottomL}>
               {/* <img src={pan} alt="" /> */}
-              <span>{state.detail.musicSheetCount}曲目</span>
+              <span>{state.detail?.musicSheetCount}曲目</span>
             </div>
             <div class={classes.itemBottomR}>
               {/* <img src={start} alt="" /> */}
-              <span>{state.detail.albumFavoriteCount}收藏</span>
+              <span>{state.detail?.albumFavoriteCount}收藏</span>
             </div>
           </div>
         </div>

src/views/home/index.tsx

@@ -69,7 +69,7 @@ export default defineComponent({
         console.log(e)
       }
     }
-    const gotoSearch = (val: string,type) => {
+    const gotoSearch = (val: string,type:any) => {
       router.push({ name: 'searchdetail', params: { search: val,type } })
     }
     const getTagTree = async () => {
@@ -133,7 +133,7 @@ export default defineComponent({
                     <ElInput
                       placeholder="搜索你想要的曲目"
                       v-model={state.search}
-                      onKeyup={e => {
+                       onKeyup={(e:any) => {
                         if (e.keyCode === 13) {
                           gotoSearch(state.search,'music')
                         }
@@ -155,7 +155,7 @@ export default defineComponent({
                                   class={styles.tags}
                                   title={tag.name}
                                   onSearchTag={() => {
-                                    gotoSearch(tag.name)
+                                    gotoSearch(tag.name,'')
                                   }}
                                 >
                                   {/* {} */}

src/views/muiscDetial/index.module.less

@@ -223,16 +223,14 @@
         min-width: 42px;
       }
 
-        .charge{
-          color: #fff;
-          background-color: #3F90D6;
-        }
-        .gou{
-          color: #fff;
-          background-color: #4CA751;
-        }
-
-
+      .charge {
+        color: #fff;
+        background-color: #3f90d6;
+      }
+      .gou {
+        color: #fff;
+        background-color: #4ca751;
+      }
     }
     .collectWrap {
       display: flex;

src/views/musicLibrary/modals/albumItem/index.tsx

@@ -31,7 +31,7 @@ export default defineComponent({
         topFlag: null,
         updateBy: 34,
         updateTime: '',
-        favorite:0
+        favorite: 0
       } as any
     }
   },
@@ -47,7 +47,9 @@ export default defineComponent({
     )
     const router = useRouter()
     const gotoAlbum = () => {
-      router.push({ path: '/albumDetail', query: { id: state.detail.id } })
+      if (state.detail && state.detail.id) {
+        router.push({ path: '/albumDetail', query: { id: state.detail.id } })
+      }
     }
     return () => (
       <>
@@ -57,28 +59,32 @@ export default defineComponent({
             gotoAlbum()
           }}
         >
-          <img class={classes.startImage} src={state.detail.favorite?lineStart:start} alt="" />
+          <img
+            class={classes.startImage}
+            src={state.detail?.favorite ? lineStart : start}
+            alt=""
+          />
           <div class={classes.hold}>
             <div class={classes.masker}>
               <img src={player} alt="" />
             </div>
             <img
               src={
-                state.detail.albumCoverUrl ? state.detail.albumCoverUrl : hold
+                state.detail?.albumCoverUrl ? state.detail?.albumCoverUrl : hold
               }
               alt=""
             />
           </div>
 
-          <h2>{state.detail.albumName}</h2>
+          <h2>{state.detail?.albumName}</h2>
           <div class={classes.itemBottom}>
             <div class={classes.itemBottomL}>
               {/* <img src={pan} alt="" /> */}
-              <span>{state.detail.musicSheetCount}曲目</span>
+              <span>{state.detail?.musicSheetCount}曲目</span>
             </div>
             <div class={classes.itemBottomR}>
               {/* <img src={start} alt="" /> */}
-              <span>{state.detail.albumFavoriteCount}收藏</span>
+              <span>{state.detail?.albumFavoriteCount}收藏</span>
             </div>
           </div>
         </div>