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