🐞 fix: 修正图片

imsyy · May 24, 2024 · 5a53dfc · 5a53dfc
1 parent bbe71bd
commit 5a53dfc
Show file tree

Hide file tree

Showing 60 changed files with 14 additions and 11 deletions.
diff --git a/public/favicon.png b/public/favicon.png
diff --git a/public/font/HarmonyOS_Sans_SC.woff2 b/public/font/HarmonyOS_Sans_SC.woff2
diff --git a/public/images/icons/android-chrome-192x192.png b/public/images/icons/android-chrome-192x192.png
diff --git a/public/images/icons/android-chrome-512x512.png b/public/images/icons/android-chrome-512x512.png
diff --git a/public/images/icons/apple-touch-icon.png b/public/images/icons/apple-touch-icon.png
diff --git a/public/images/icons/favicon-16x16.png b/public/images/icons/favicon-16x16.png
diff --git a/public/images/icons/favicon-192x192.png b/public/images/icons/favicon-192x192.png
diff --git a/public/images/icons/favicon-256x256.png b/public/images/icons/favicon-256x256.png
diff --git a/public/images/icons/favicon-32x32.png b/public/images/icons/favicon-32x32.png
diff --git a/public/images/icons/favicon-512x512.png b/public/images/icons/favicon-512x512.png
diff --git a/public/images/icons/favicon-96x96.png b/public/images/icons/favicon-96x96.png
diff --git a/public/images/icons/favicon.png b/public/images/icons/favicon.png
diff --git a/public/images/icons/mstile-150x150.png b/public/images/icons/mstile-150x150.png
diff --git a/public/images/icons/next-dark.png b/public/images/icons/next-dark.png
diff --git a/public/images/icons/next-light.png b/public/images/icons/next-light.png
diff --git a/public/images/icons/open-dark.png b/public/images/icons/open-dark.png
diff --git a/public/images/icons/open-light.png b/public/images/icons/open-light.png
diff --git a/public/images/icons/pause-dark.png b/public/images/icons/pause-dark.png
diff --git a/public/images/icons/pause-light.png b/public/images/icons/pause-light.png
diff --git a/public/images/icons/play-dark.png b/public/images/icons/play-dark.png
diff --git a/public/images/icons/play-light.png b/public/images/icons/play-light.png
diff --git a/public/images/icons/power-dark.png b/public/images/icons/power-dark.png
diff --git a/public/images/icons/power-light.png b/public/images/icons/power-light.png
diff --git a/public/images/icons/prev-dark.png b/public/images/icons/prev-dark.png
diff --git a/public/images/icons/prev-light.png b/public/images/icons/prev-light.png
diff --git a/public/images/icons/setting-dark.png b/public/images/icons/setting-dark.png
diff --git a/public/images/icons/setting-light.png b/public/images/icons/setting-light.png
diff --git a/public/images/pic/album.jpg b/public/images/pic/album.jpg
diff --git a/public/images/pic/album.png b/public/images/pic/album.png
diff --git a/public/images/pic/artist.jpg b/public/images/pic/artist.jpg
diff --git a/public/images/pic/avatar.jpg b/public/images/pic/avatar.jpg
diff --git a/public/images/pic/avatar.png b/public/images/pic/avatar.png
diff --git a/public/images/pic/cover.jpg b/public/images/pic/cover.jpg
diff --git a/public/images/pic/hot-list.png b/public/images/pic/hot-list.png
diff --git a/public/images/pic/like.jpg b/public/images/pic/like.jpg
diff --git a/public/images/pic/pl-1.jpg b/public/images/pic/pl-1.jpg
diff --git a/public/images/pic/pl-2.jpg b/public/images/pic/pl-2.jpg
diff --git a/public/images/pic/pl-3.jpg b/public/images/pic/pl-3.jpg
diff --git a/public/images/pic/pl-4.jpg b/public/images/pic/pl-4.jpg
diff --git a/public/images/pic/pointer.png b/public/images/pic/pointer.png
diff --git a/public/images/pic/radar-private.jpg b/public/images/pic/radar-private.jpg
diff --git a/public/images/pic/radar-treasure.jpg b/public/images/pic/radar-treasure.jpg
diff --git a/public/images/pic/record.png b/public/images/pic/record.png
diff --git a/public/images/pic/song.jpg b/public/images/pic/song.jpg
diff --git a/public/images/pic/video.jpg b/public/images/pic/video.jpg
diff --git a/public/images/pic/video.png b/public/images/pic/video.png
diff --git a/public/images/pic/vip.png b/public/images/pic/vip.png
diff --git a/screenshots/SPlayer - 主页面.jpg b/screenshots/SPlayer - 主页面.jpg
diff --git a/screenshots/SPlayer - 发现页面.jpg b/screenshots/SPlayer - 发现页面.jpg
diff --git a/screenshots/SPlayer - 播放页面.jpg b/screenshots/SPlayer - 播放页面.jpg
diff --git a/screenshots/SPlayer - 本地音乐.jpg b/screenshots/SPlayer - 本地音乐.jpg
diff --git a/screenshots/SPlayer - 歌单页面.jpg b/screenshots/SPlayer - 歌单页面.jpg
diff --git a/screenshots/SPlayer - 评论页面.jpg b/screenshots/SPlayer - 评论页面.jpg
diff --git a/src/components/Cover/MainCover.vue b/src/components/Cover/MainCover.vue
@@ -40,7 +40,7 @@
                     class="loading-img"
                     :src="
                       type === 'mv'
-                        ? '/images/pic/video.png?assest'
+                        ? '/images/pic/video.jpg?assest'
                         : type === 'artist'
                           ? '/images/pic/artist.jpg?assest'
                           : '/images/pic/album.jpg?assest'

diff --git a/src/components/List/CommentList.vue b/src/components/List/CommentList.vue
@@ -25,7 +25,7 @@
                 >
                   <template #placeholder>
                     <div class="cover-loading">
-                      <img class="loading-img" src="/images/pic/avatar.jpg?assest" alt="avatar" />
+                      <img class="loading-img" src="/images/pic/avatar.png?assest" alt="avatar" />
                     </div>
                   </template>
                 </n-image>

diff --git a/src/components/Player/PlayerCover.vue b/src/components/Player/PlayerCover.vue
@@ -1,6 +1,6 @@
 <!-- 播放器 - 专辑封面 -->
 <template>
-  <div :class="['cover', playCoverType, { playing: playState }]">
+  <div :class="['mian-cover', playCoverType, { playing: playState }]">
     <!-- 指针 -->
     <img
       v-if="playCoverType === 'record'"
@@ -57,7 +57,7 @@ const { playState } = storeToRefs(status);
 </script>
 
 <style lang="scss" scoped>
-.cover {
+.mian-cover {
   position: relative;
   display: flex;
   align-items: center;
@@ -66,7 +66,6 @@ const { playState } = storeToRefs(status);
   max-width: 55vh;
   height: auto;
   aspect-ratio: 1 / 1;
-  transform: scale(0.9);
   transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
   .cover-img {
     width: 100%;
@@ -208,9 +207,13 @@ const { playState } = storeToRefs(status);
       display: none;
     }
   }
-  &.playing {
-    transform: scale(1);
+  &.cover {
+    transform: scale(0.9);
+    &.playing {
+      transform: scale(1);
+    }
   }
+
   @media (max-width: 700px) {
     &.record {
       .pointer {

diff --git a/src/views/Artist/index.vue b/src/views/Artist/index.vue
@@ -18,7 +18,7 @@
           >
             <template #placeholder>
               <div class="cover-loading">
-                <img class="loading-img" src="/images/pic/avatar.jpg?assest" alt="avatar" />
+                <img class="loading-img" src="/images/pic/avatar.png?assest" alt="avatar" />
               </div>
             </template>
           </n-image>

diff --git a/src/views/List/dj.vue b/src/views/List/dj.vue
@@ -34,7 +34,7 @@
           <div class="creator">
             <n-avatar
               :src="(djDetail.creator?.avatarUrl + '?param=300y$300').replace(/^http:/, 'https:')"
-              fallback-src="/images/pic/avatar.jpg?assest"
+              fallback-src="/images/pic/avatar.png?assest"
               round
             />
             <n-text class="nickname">{{ djDetail.creator?.nickname || "未知创建者" }}</n-text>

diff --git a/src/views/List/playlist.vue b/src/views/List/playlist.vue
@@ -39,7 +39,7 @@
               :src="
                 (playListDetail.creator?.avatarUrl + '?param=300y$300').replace(/^http:/, 'https:')
               "
-              fallback-src="/images/pic/avatar.jpg?assest"
+              fallback-src="/images/pic/avatar.png?assest"
               round
             />
             <n-text class="nickname">{{ playListDetail.creator?.nickname || "未知创建者" }}</n-text>

diff --git a/src/views/Player.vue b/src/views/Player.vue
@@ -174,7 +174,7 @@
             >
               <template #placeholder>
                 <div class="cover-loading">
-                  <img class="loading-img" src="/images/pic/avatar.jpg?assest" alt="song" />
+                  <img class="loading-img" src="/images/pic/avatar.png?assest" alt="song" />
                 </div>
               </template>
             </n-image>