✨ feat: 修复样式问题

src/views/home/index.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="main-page">
-    <n-scrollbar>
       <!-- 推荐歌手 -->
       <recommend-singer />
       <div class="main-content">
@@ -11,7 +10,6 @@
         <!-- 推荐最新专辑 -->
         <recommend-album />
       </div>
-    </n-scrollbar>
   </div>
 </template>
 
@@ -24,7 +22,7 @@ const RecommendAlbum = defineAsyncComponent(() => import("@/components/Recommend
 
 <style lang="scss" scoped>
 .main-page{
-  @apply pt-4 h-full w-full;
+  @apply h-full w-full;
 }
 .main-content {
   @apply mt-6 flex pb-28;

src/views/list/index.vue

@@ -97,7 +97,7 @@ watch(
 
 <style lang="scss" scoped>
 .list-page {
-  @apply relative h-full w-full pt-2;
+  @apply relative h-full w-full;
 }
 
 .recommend {
@@ -107,7 +107,7 @@ watch(
   }
 
   &-list {
-    @apply grid gap-6 pb-28 pr-3;
+    @apply grid gap-6 pb-28;
     grid-template-columns: repeat(auto-fill, minmax(13%, 1fr));
   }
   &-item {

src/views/login/index.vue

@@ -104,7 +104,7 @@ const loginPhone = async () => {
 
 <style lang="scss" scoped>
 .login-page {
-  @apply flex flex-col items-center justify-center p-20;
+  @apply flex flex-col items-center justify-center p-20 pt-20;
 }
 
 .login-title {

src/views/mv/index.vue

@@ -72,14 +72,14 @@ const close = () => {
 
 <style scoped lang="scss">
 .mv-list {
-  @apply relative h-full w-full pt-2;
+  @apply relative h-full w-full;
 
   &-title {
     @apply text-xl font-bold;
   }
 
   &-content {
-    @apply grid gap-6 pb-28 pr-3 mt-2;
+    @apply grid gap-6 pb-4 mt-2;
     grid-template-columns: repeat(auto-fill, minmax(14%, 1fr));
   }
 

src/views/search/index.vue

@@ -148,7 +148,7 @@ const handlePlay = (item: any) => {
     @apply flex h-full;
 }
 .hot-search {
-    @apply mt-3 mr-4 rounded-xl  flex-1 overflow-hidden;
+    @apply mr-4 rounded-xl  flex-1 overflow-hidden;
     background-color: #0d0d0d;
     animation-duration: 0.2s;
     min-width: 400px;
@@ -168,7 +168,7 @@ const handlePlay = (item: any) => {
 }
 
 .search-list {
-    @apply mt-3 flex-1 rounded-xl;
+    @apply flex-1 rounded-xl;
     background-color: #0d0d0d;
     height: 100%;
     &-box{

src/views/test/test.vue

@@ -1,21 +0,0 @@
-<template>
-  <div class="p-4">
-    <div class="box"></div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-
-</script>
-
-
-
-<style lang="scss" scoped>
-.box{
-  width: 100px;
-  height: 100px;
-  background-image: url(http://p2.music.126.net/w_vuv9hBWq2hlJxJcmJrjg==/109951166115915081.jpg?param=500y500);
-  background-size: 100%;
-  background-repeat: no-repeat;
-}
-</style>

src/views/user/index.vue

@@ -149,13 +149,6 @@ const handlePlay = (item: any) => {
 </template>
 
 <style lang="scss" scoped>
-.musicPage-enter-active {
-  animation: fadeInUp 0.8s ease-in-out;
-}
-
-.musicPage-leave-active {
-  animation: fadeOutDown 0.8s ease-in-out;
-}
 .user-page {
   @apply flex h-full;
   .left {