fix: banner图高度没有用rem单位

sl1673495 · Aug 23, 2019 · 9af7829 · 9af7829
1 parent fd98cf1
commit 9af7829
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -62,6 +62,10 @@ https://binaryify.github.io/NeteaseCloudMusicApi
 
 ![音乐播放](https://user-images.githubusercontent.com/23615778/62509202-da358580-b83c-11e9-98e1-530e5741ff56.png)
 
+![最新MV](http://pvgju1g4v.bkt.clouddn.com/1566523445145.jpg)
+
+![MV播放](http://pvgju1g4v.bkt.clouddn.com/1566523832703.jpg)
+
 ### 安装与使用
 
 前端项目

diff --git a/src/page/discovery/banner.vue b/src/page/discovery/banner.vue
@@ -1,16 +1,16 @@
 <template>
   <el-carousel
     :interval="4000"
+    class="banner-carousel"
     type="card"
-    height="200px"
   >
     <el-carousel-item
-      v-for="(banner) in banners"
       :key="banner.scm"
+      v-for="(banner) in banners"
     >
       <img
-        class="banner-img"
         :src="$utils.genImgUrl(banner.imageUrl, 1000, 400)"
+        class="banner-img"
       />
     </el-carousel-item>
   </el-carousel>
@@ -33,8 +33,14 @@ export default {
 
 
 <style lang="scss" scoped>
-.banner-img {
-  width: 100%;
-  height: 100%;
+.banner-carousel {
+  /deep/.el-carousel__container {
+    height: 200px;
+  }
+
+  .banner-img {
+    width: 100%;
+    height: 100%;
+  }
 }
 </style>