style(SingerDetail): 优化歌手详情页面样式

- 调整页面布局和 padding
- 更新背景颜色和 border-radius
- 添加 box-shadow 提升视觉效果
- 优化 singer-info 和 singer-tabs样式
This commit is contained in:
ikmkj
2025-07-25 19:14:17 +08:00
parent db01eff74c
commit 2dd9a3ffa1
2 changed files with 12 additions and 7 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

View File

@@ -431,17 +431,19 @@ onUnmounted(() => {
<style scoped>
.singer-detail-container {
padding: 0;
height: 100%;
background-color: #fff;
border-radius: 8px;
padding: 20px;
min-height: calc(100vh - 140px);
background-color: transparent;
border-radius: 15px;
}
.singer-info {
display: flex;
margin-bottom: 30px;
padding: 20px;
border-bottom: 1px solid #eee;
padding: 30px;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.singer-avatar {
@@ -518,8 +520,11 @@ onUnmounted(() => {
}
.singer-tabs {
margin: 0 20px 30px;
margin: 0 0 30px;
padding: 20px;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.song-cover {