From bb1bea400289f62a66e94755045fdaa72a751cf4 Mon Sep 17 00:00:00 2001
From: algerkong <liuliujjjjasd@foxmail.com>
Date: Tue, 20 Jul 2021 17:42:23 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B2=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/index.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index a2266d5..9d2aacc 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -46,8 +46,16 @@
         </div>
         <div class="recommend-music">
           <div class="title">本周最热音乐</div>
-          <n-layout class="bg-black">
-            <img v-for="item in recommendMusic?.result" :src="item.picUrl" width="100" height="100" />
+          <n-layout class=" recommend-music-list " >
+            <n-space vertical>
+              <!-- 推荐音乐列表 -->
+              <div>
+               <img v-for="item in recommendMusic?.result" :src="item.picUrl" width="100" height="50" />
+              <div>
+
+              </div>
+              </div>
+            </n-space>
           </n-layout>
         </div>
       </div>
@@ -151,6 +159,11 @@ onMounted(() => {
   }
 
   .recommend-music {
+    @apply flex-1 mr-96;
+    &-list{
+      @apply rounded-3xl p-6 w-full border border-gray-700;
+      background-color: #0D0D0D;
+    }
   }
 }
 </style>
\ No newline at end of file