31 44

src/project/qujing/AppLegalLearning/components/OnlineClass.vue

@@ -7,18 +7,20 @@
     <p class="all_class">全部课程</p>
 
     <div class="card_list" v-if="classList.length">
-      <div class="card" v-for="item in classList" :key="item.id" @click="handleToDetail(item.id)">
-        <div class="card_left">
-          <img :src="item.pictureUrl" alt="">
-        </div>
-        <div class="card_right">
-          <div class="title">{{ item.title }}</div>
-          <div class="num">
-            <div>{{ item.learnerNumber }}人已学习</div>
-            <div v-if="item.videoDuration">视频时长{{ item.videoDuration }}</div>
+      <scroll-view :style="{height: height + 'px'}" scroll-y>
+        <div class="card" v-for="item in classList" :key="item.id" @click="handleToDetail(item.id)">
+          <div class="card_left">
+            <img :src="item.pictureUrl" alt="">
+          </div>
+          <div class="card_right">
+            <div class="title">{{ item.title }}</div>
+            <div class="num">
+              <div>{{ item.learnerNumber }}人已学习</div>
+              <div v-if="item.videoDuration">视频时长{{ item.videoDuration }}</div>
+            </div>
           </div>
         </div>
-      </div>
+      </scroll-view>
     </div>
     <AiEmpty :description="`暂无数据`" class="emptyWrap" v-else/>
   </div>
@@ -26,6 +28,9 @@
 
 <script>
 export default {
+  props: {
+    height: Number,
+  },
   data() {
     return {
       current: 1,
@@ -33,10 +38,6 @@ export default {
       classList: [],
     }
   },
-  onLoad() {
-    
-  },
-  
   methods: {
     getList() {
       this.$instance.post(`/app/appcourseinfo/listByApplet`, null, {