界面完善

Hui Yu

2021-03-24 22371ac7271a00c7dcd0aed47dcc6d856faaeec9

 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 {