开始开发"正在播放"

src/views/common/SongCtrl.vue

@@ -149,7 +149,7 @@ onUnmounted(() => {
     id="songCtrl"
     align="center"
     :size="[6]"
-    style="padding-top: 2px"
+    style="padding-top: 2px;margin: 0 4px"
   >
     <n-button circle @click="favorite">
       <template #icon>

src/views/common/SongInfo.vue

@@ -98,6 +98,7 @@ export default {};
 </script>
 
 <style lang="less" scoped>
+@import "@/assets/css/common.less";
 #songInfo {
   flex: 3;
   display: flex;
@@ -111,11 +112,14 @@ export default {};
     .w-song {
       display: flex;
       align-items: center;
+      .song-name{
+        .text-el-line();
+      }
       .song-author {
         margin-left: 4px;
         color: #aaa;
         font-size: 13px;
-        
+        .text-el-line();
       }
     }
     .song-time {

src/views/common/SongStatus.vue

@@ -7,6 +7,7 @@ import RepeatOutline from "@/assets/svgs/RepeatOutline.svg";
 import RepeatOne from "@/assets/svgs/RepeatOne.svg";
 import Playlist from "@/assets/svgs/Playlist.svg";
 import Random from "@/assets/svgs/Random.svg";
+import pubsub from 'pubsub-js';
 
 
 //播放模式：0-3，顺序，循环，单曲，随机。
@@ -51,7 +52,7 @@ const playMode = ref(0)
         </n-icon>
       </template>
     </n-button>
-    <n-button circle>
+    <n-button circle @click="pubsub.publish('zp.togglePlaying',)">
       <template #icon>
         <n-icon>
           <PlaylistMusic />