首页课程排行榜预览

src/views/Index.vue

@@ -189,7 +189,9 @@
                     </div>
                   </div>
                   <div class="list-bottom">
-                    <interactBar :type="1" :data="item" :couseViews="false" :shares="false" :views="false"></interactBar>
+                    <couresinteract :type="1" :data="item" ></couresinteract>
+                    
+                    <!-- <interactBar :type="1" :data="item" :couseViews="false" :shares="false" :views="false"></interactBar> -->
                   </div>
                 </div>
 				</a>
@@ -467,6 +469,7 @@
   import apiUser from '@/api/system/user.js';
   import apiCoursePortal from '@/api/modules/coursePortal.js';
   import interactBar from '@/components/Portal/interactBar.vue';
+  import couresinteract from '@/components/Portal/course/couresinteract.vue';
   import ad from '@/components/Portal/adFloat.vue';
   import courseImage from '@/components/Course/courseImage.vue';
   import articleImage from '@/components/Article/articleImage.vue';
@@ -491,6 +494,7 @@
       portalFloatTools,
       authorInfo,
       interactBar,
+      couresinteract,
       courseImage,
       InterestCollection,
       GuideBox,

src/views/portal/course/Index.vue

@@ -325,6 +325,7 @@ export default {
   },
   data() {
     return {
+      
       resonimg:{},
       formatDate,
       formatNum:formatUserNumber,
@@ -384,6 +385,7 @@ export default {
       totalPages: 1
     };
   },
+  
   mounted() {
     let screenWidth = window.screen.availWidth;
     if (screenWidth < 1280) {
@@ -851,6 +853,7 @@ export default {
             }
           })
           this.scorelist = res.result;
+          // console.log(this.scorelist)
         }
       });
     },
@@ -905,6 +908,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.interact-bar-value{
+  color: #999;
+}
+
 .couderbox{
   // width: 5px;
   // padding: 0;