f📦：修改图片适配

YTU94 · Nov 22, 2019 · 550dbd5 · 550dbd5
1 parent a88990e
commit 550dbd5
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/components/courseCard.vue b/src/components/courseCard.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="course-card" @click="goVideoList(course)">
         <div class="card-img">
-            <img :src="course.thumb" alt mode />
+            <img :src="course.thumb" alt mode="aspectFill" />
             <div v-if="isNew" class="card-img-icon">new</div>
         </div>
         <div class="card-info">

diff --git a/src/components/swiper-banner.vue b/src/components/swiper-banner.vue
@@ -20,6 +20,7 @@
             :class="{'active': activeIndex === index}"
             :src="item.thumb"
             class="slide-image"
+            mode="aspectFit"
           >
         </div>
       </swiper-item>

diff --git a/src/pages/videoList/index.vue b/src/pages/videoList/index.vue
@@ -4,7 +4,7 @@
         <div class="info section">
             <span class="info-tag">{{courseInfo.charge ? '实战课程' : '免费课程'}}</span>
             <h1 class="info-title">{{courseInfo.title}}</h1>
-            <img class="info-img" :src="courseInfo.thumb" alt mode />
+            <img class="info-img" :src="courseInfo.thumb" alt mode="scaleToFill" />
         </div>
         <section class="line"></section>
         <!-- introduction -->