bug fixes

src/components/CourseItem2.vue

@@ -44,30 +44,30 @@ export default {
 
 <style lang="scss" scoped>
 .course-item {
-  padding: 15px 0;
+  padding: 0.3rem 0;
   border-bottom: 1px solid #ccc;
 }
 .course-arrow {
-  width: 30px;
-  height: 100px;
+  width: 0.6rem;
+  height: 2rem;
 }
 .course-arrow__up {
   background: url('https://zws-imgs-pub.ezijing.com/transport/weapp/icon_arrow_up.png') no-repeat left center;
-  background-size: 15px 15px;
+  background-size: 0.3rem 0.3rem;
 }
 .course-arrow__down {
   background: url('https://zws-imgs-pub.ezijing.com/transport/weapp/icon_arrow_down.png') no-repeat left center;
-  background-size: 15px 15px;
+  background-size: 0.3rem 0.3rem;
 }
 .course-item-top {
   display: flex;
 }
 .course-item-bottom {
-  padding-left: 30px;
+  padding-left: 0.6rem;
 }
 .course-item-pic {
-  width: 158px;
-  height: 100px;
+  width: 3.15rem;
+  height: 2rem;
   margin-right: 10px;
   overflow: hidden;
 }
@@ -88,11 +88,11 @@ export default {
 }
 .course-item__text {
   display: inline-block;
-  height: 24px;
-  margin-left: 10px;
-  padding: 0 10px;
-  font-size: 10px;
-  line-height: 24px;
+  height: 0.48rem;
+  margin-left: 0.15rem;
+  padding: 0 0.2rem;
+  font-size: 0.22rem;
+  line-height: 0.48rem;
 }
 .course-item__text:first-child {
   margin-left: 0;

src/pages/course/learn/components/courseChapter.vue

@@ -8,7 +8,7 @@
       <ul>
         <li v-for="subItem in item.children" :key="subItem.id" @click="onClick(subItem)">
           <div class="name">{{subItem.name}}</div>
-          <div class="progress">{{subItem.video_progress | progressText}}</div>
+          <!-- <div class="progress">{{subItem.video_progress | progressText}}</div> -->
         </li>
       </ul>
     </van-collapse-item>

src/pages/course/learn/index.vue

 <template>
-  <div class="main-container" v-show="loaded">
+  <div class="main-container" v-show="loaded" style="margin:0 0.15rem">
     <template v-if="list.length">
       <course-item v-for="item in list" :data="item" :key="item.course_id" @on-click="handleClick" />
     </template>

src/pages/course/tag/home.vue

 <template>
-  <div class="main-container" v-show="loaded">
+  <div class="main-container" v-show="loaded" style="margin:0 0.15rem;">
     <template v-if="list.length">
       <course-item v-for="item in list" :data="item" :key="item.course_id" @on-click="handleClick" />
     </template>