style(SingerDetail): 优化歌手详情页面样式
- 调整页面布局和 padding - 更新背景颜色和 border-radius - 添加 box-shadow 提升视觉效果 - 优化 singer-info 和 singer-tabs样式
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user