From bead4926aedc16949baac22bc8d91c4d16ecfd77 Mon Sep 17 00:00:00 2001
From: algerkong <liuliujjjjasd@foxmail.com>
Date: Thu, 22 Jul 2021 17:31:43 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=B8=A4=E4=B8=AA=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/PlayBar.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/layout/components/PlayBar.vue b/src/layout/components/PlayBar.vue
index 51c4547..be3b514 100644
--- a/src/layout/components/PlayBar.vue
+++ b/src/layout/components/PlayBar.vue
@@ -36,6 +36,10 @@
             </div>
             <n-slider v-model:value="volumeSlider" :step="0.01" :tooltip="false"></n-slider>
         </div>
+        <div class="audio-button">
+            <i class="iconfont icon-likefill"></i>
+            <i class="iconfont icon-full"></i>
+        </div>
         <!-- 播放音乐 -->
         <audio ref="audio" :src="playMusicUrl" :autoplay="play"></audio>
     </div>
@@ -192,10 +196,17 @@ const playMusicEvent = async () => {
 }
 
 .audio-volume {
-    width: 180px;
+    width: 140px;
     @apply flex items-center mx-4;
     .iconfont {
         @apply text-2xl hover:text-green-500 transition cursor-pointer mr-4;
     }
 }
+
+.audio-button {
+    @apply flex items-center mx-4;
+    .iconfont {
+        @apply text-2xl hover:text-green-500 transition cursor-pointer m-4;
+    }
+}
 </style>
\ No newline at end of file