From 22371ac7271a00c7dcd0aed47dcc6d856faaeec9 Mon Sep 17 00:00:00 2001
From: Hui Yu <huiyu@HuideMacBook-Pro-2.local>
Date: Wed, 24 Mar 2021 22:58:02 +0800
Subject: [PATCH] 界面完善
---
src/views/music/music_word.vue | 26 +++++++++++++-------------
1 files changed, 13 insertions(+), 13 deletions(-)
diff --git a/src/views/music/music_word.vue b/src/views/music/music_word.vue
index eeba43d..cfec670 100644
--- a/src/views/music/music_word.vue
+++ b/src/views/music/music_word.vue
@@ -31,7 +31,7 @@
</div>
<div class="header-divider"></div>
<span class="header-location">
- 当前位置：首页 > 文艺·世界
+ 当前位置: 首页>文艺·世界
</span>
<img class="music-title" src="../../assets/home/china_music/world_title.png" />
<div class="search">
@@ -524,20 +524,19 @@
display: flex;
flex-direction: row;
align-items: center;
-
.left {
+ margin-left: 40px;
flex: 1;
.music-icon {
width: 16px;
height: 18px;
- margin-right: 30px;
- background-color: #171717;
+ margin-right: 20px;
opacity: 0.6;
}
}
.right {
- margin-right: 10px;
+ margin-right: 40px;
display: flex;
flex-direction: row;
width: 114px;
@@ -556,9 +555,8 @@
}
.all-play{
margin-left: 10px;
- background-color: #171717;
- width: 22px;
- height: 28px;
+ width: 11px;
+ height: 14px;
}
}
}
@@ -638,10 +636,10 @@
flex-direction: column;
// align-items: center;
// justify-content: center;
- margin: 40px auto;
+ margin: 160px auto;
.music-title {
- display: inline-block;
+ // display: inline-block;
margin-top: 20px;
text-align: center;
font-size: 36px;
@@ -652,11 +650,14 @@
}
.music-content {
- margin-top: 60px;
+
+ margin: 60px 30px 120px 30px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
- padding-bottom: 60px;
+ // margin-bottom: 200upx;
+ padding: 30px;
+ // width: 100%;
// height: 320px;
.music-item {
@@ -694,7 +695,6 @@
width: 16px;
height: 16px;
margin-left: 30px;
- background-color: #080514;
}
}
.tip {
--
Gitblit v1.8.0