分享样式

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

@@ -256,6 +256,8 @@
     border-radius: 10px;
   }
   .info {
+    display: flex;
+    flex-direction: column;
     margin-left: 6px;
     flex: 1;
     word-break: break-all;
@@ -269,6 +271,26 @@
       line-height: 17px;
     }
   }
+  .shareAlumCollect{
+    display: flex;
+    align-items: center;
+    color: #999;
+    font-size: 14px;
+    img {
+      display: inline-block;
+      width: 14px;
+      height: 14px;
+      margin-right: 6px;
+    }
+    span {
+      padding-top: 1px;
+    }
+    .right {
+      display: flex;
+      align-items: center;
+      margin-left: 26px;
+    }
+  }
 }
 
 .tagDiscount {

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

@@ -37,6 +37,7 @@ import iconShare2 from '../album/icon_share2.svg'
 import ColShare from '@/components/col-share'
 import iconShareMusic from '/src/views/music/component/images/icon_album_active.png'
 import SongShare from '../component/song-share'
+import icon_music_list from './icon_music_list.png'
 
 const noop = () => {}
 
@@ -485,12 +486,16 @@ export default defineComponent({
                   <p
                     class={['van-multi-ellipsis--l3']}
                     style={{
-                      height: '48px',
-                      lineHeight: '16px'
+                      lineHeight: '16px',
+                      margin: '5px 0 10px 0'
                     }}
                   >
                     {albumDetail.value?.albumDesc}
                   </p>
+                  <div class={styles.shareAlumCollect}>
+                    <img src={icon_music_list} />
+                    <span>共<span style="color: var(--van-primary-color);">{albumDetail.value?.musicSheetCount}</span>首曲目</span>
+                  </div>
                 </div>
               </div>