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