feat: bili播放优化

This commit is contained in:
algerkong
2025-09-20 16:40:45 +08:00
parent 93022691e2
commit 67370b9072
16 changed files with 590 additions and 182 deletions
+4 -4
View File
@@ -43,7 +43,7 @@
/>
</div>
<div class="music-info">
<div class="music-content-name">{{ playMusic.name }}</div>
<div class="music-content-name" v-html="playMusic.name"></div>
<div class="music-content-singer">
<n-ellipsis
class="text-ellipsis"
@@ -98,7 +98,7 @@
class="music-info-header"
:style="{ textAlign: config.centerLyrics ? 'center' : 'left' }"
>
<div class="music-info-name">{{ playMusic.name }}</div>
<div class="music-info-name" v-html="playMusic.name"></div>
<div class="music-info-singer">
<span
v-for="(item, index) in artistList"
@@ -562,7 +562,7 @@ defineExpose({
@apply text-center w-[600px];
.music-content-name {
@apply text-4xl mb-4;
@apply text-4xl mb-4 line-clamp-2;
color: var(--text-color-active);
}
@@ -641,7 +641,7 @@ defineExpose({
@apply mb-8;
.music-info-name {
@apply text-4xl font-bold mb-2;
@apply text-4xl font-bold mb-2 line-clamp-2;
color: var(--text-color-active);
}
@@ -32,7 +32,7 @@
<transition name="fade">
<div v-if="showFullLyrics && !isLandscape" class="fullscreen-lyrics" :class="config.theme">
<div class="fullscreen-header">
<div class="song-title">{{ playMusic.name }}</div>
<div class="song-title" v-html="playMusic.name"></div>
<div class="artist-name">
<span v-for="(item, index) in artistList" :key="index">
{{ item.name }}{{ index < artistList.length - 1 ? ' / ' : '' }}
@@ -97,7 +97,7 @@
<!-- 歌曲信息 -->
<div class="song-info">
<div class="song-title-container">
<h1 class="song-title">{{ playMusic.name }}</h1>
<h1 class="song-title" v-html="playMusic.name"></h1>
</div>
<p class="song-artist">
<span
@@ -190,7 +190,7 @@
<!-- 歌曲信息放置在顶部 -->
<div class="landscape-song-info">
<div class="flex flex-col flex-1">
<h1 class="song-title">{{ playMusic.name }}</h1>
<h1 class="song-title" v-html="playMusic.name"></h1>
<p class="song-artist">
<span
v-for="(item, index) in artistList"