Skip to content

Commit 64ecbea

Browse files
authored
Merge pull request #1002 from MoYingJi/pr/wiki-style
style(SongWiki): 修复了一些样式问题
2 parents 74b2569 + 2aa72bd commit 64ecbea

1 file changed

Lines changed: 7 additions & 5 deletions

File tree

src/views/Song/wiki.vue

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,17 +8,14 @@
88
:src="currentSong.cover"
99
class="cover-img"
1010
object-fit="cover"
11+
:previewed-img-props="{ style: { borderRadius: '8px' } }"
1112
:render-toolbar="renderToolbar"
12-
:img-props="{
13-
style: { width: '100%', height: '100%', borderRadius: '8px' },
14-
alt: 'detail-cover',
15-
}"
1613
/>
1714
<n-image
1815
class="cover-shadow"
1916
preview-disabled
2017
:src="currentSong.cover"
21-
:img-props="{ alt: 'cover-shadow' }"
18+
object-fit="cover"
2219
/>
2320
</div>
2421
<div class="data">
@@ -546,12 +543,17 @@ onActivated(() => {
546543
flex-shrink: 0;
547544
margin-right: 20px;
548545
position: relative;
546+
:deep(img) {
547+
width: 100%;
548+
height: 100%;
549+
}
549550
.cover-img {
550551
position: relative;
551552
z-index: 1;
552553
border-radius: 8px;
553554
width: 100%;
554555
height: 100%;
556+
overflow: hidden;
555557
}
556558
.cover-shadow {
557559
position: absolute;

0 commit comments

Comments
 (0)