修改

src/views/portal/course/Index.vue

@@ -83,6 +83,7 @@
                 <a :href="toCourseDetail(cinfo)">
                   <div class="course-image-box">
                     <course-image :course="cinfo"></course-image>
+                  <span v-if="cinfo.type == 20 || 10" class="course-type-left">录播课</span>
                   </div>
                   <div class="course-title two-line-ellipsis" :title="cinfo.title"   v-html="cinfo.name"></div>
                   <div class="course-info">
@@ -836,6 +837,29 @@ export default {
 </script>
 
 <style scoped lang="scss">
+  
+  .course-type-left {
+        position: absolute;
+        top: 0px;
+        right: 0px;
+        width: 60px;
+        height: 24px;
+        line-height: 24px;
+        text-align: center;
+        background-color: #f99000;
+        border-radius: 2px 4px 2px 14px;
+        font-size: 12px;
+        color: #ffffff;
+        -moz-user-select: none;
+        /*火狐*/
+        -webkit-user-select: none;
+        /*webkit浏览器*/
+        -ms-user-select: none;
+        /*IE10*/
+        -khtml-user-select: none;
+        /*早期浏览器*/
+        user-select: none;
+      }
   .list-lidex{
     display: inline-block;
     display: flex;
@@ -894,13 +918,13 @@ export default {
       .course-type{
         position: absolute;
         left: 0;
-        bottom: 0;
+        bottom: 26%;
         height: 20;
         line-height: 20px;
         font-size: 12px;
         color: #FFFFFF;
         padding: 0px 8px;
-        background: #387DF7;
+        background: #387DF7 ;
         border-radius: 0px 12px 0px 0px;
       }
     }