优化列表显示

src/student/music/album-detail/index.module.less

@@ -61,12 +61,15 @@
   }
   .content {
     flex: 1;
+    display: inline-grid;
     > h4 {
       color: var(--music-list-item-title-color);
       font-size: 14px;
       height: 20px;
       line-height: 20px;
       margin-top: 7px;
+      // word-break: break-all;
+      // text-overflow: ellipsis;
     }
     > p {
       margin-top: 6px;

src/student/music/album-detail/index.tsx

@@ -114,8 +114,10 @@ export default defineComponent({
                     src={albumDetail.value?.albumCoverUrl}
                   />
                   <div class={styles.content}>
-                    <h4>{albumDetail.value?.albumName}</h4>
-                    <p>{albumDetail.value?.albumDesc}</p>
+                    <h4 class="van-ellipsis">{albumDetail.value?.albumName}</h4>
+                    <p class="van-multi-ellipsis--l2">
+                      {albumDetail.value?.albumDesc}
+                    </p>
                   </div>
                 </div>
                 <div class={styles.footerBar}>

src/student/music/album/item.module.less

@@ -29,6 +29,7 @@
   }
   .content {
     flex: 1;
+    display: inline-grid;
     > h4 {
       color: var(--music-list-item-title-color);
       font-size: 14px;

src/student/music/list/item.module.less

@@ -19,6 +19,9 @@
       }
       .info {
         margin-left: 14px;
+        flex: 1;
+        margin-right: 14px;
+        word-break: break-all;
         > h4 {
           color: var(--music-list-item-title-color);
           font-size: 14px;

src/student/music/list/item.tsx

@@ -53,7 +53,7 @@ export default defineComponent({
           <div class={styles.mate}>
             <Image src={MusicIcon} round class={styles.icon} />
             <div class={styles.info}>
-              <h4>{data.musicSheetName}</h4>
+              <h4 class="van-multi-ellipsis--l2">{data.musicSheetName}</h4>
               <p>{data.composer}</p>
             </div>
           </div>

src/student/music/search/header.tsx

@@ -36,12 +36,12 @@ export default defineComponent({
     const activeTab = ref('songe')
 
     onBeforeRouteUpdate(() => {
-      console.log('onBeforeRouteUpdate', route.fullPath)
+      // console.log('onBeforeRouteUpdate', route.fullPath)
       if (route.path === '/music-songbook/search') {
         keyword.value = ''
         tagids.value = ''
 
-        console.log('onBeforeRouteUpdate')
+        // console.log('onBeforeRouteUpdate')
         selectTagRef.value.resetTags()
       }
     })
@@ -98,11 +98,7 @@ export default defineComponent({
               onClick={() => {
                 if (route.path === '/music-songbook') {
                   router.push({
-                    path: '/music-songbook/search',
-                    query: {
-                      keyword: keyword.value,
-                      tagids: tagids.value
-                    }
+                    path: '/music-songbook/search'
                   })
                 }
               }}