个人主页

2025-12-12 12:26:44 +08:00 · 2022-09-15 14:46:54 +08:00
parent edaa9e4795
commit 36c7dfc988
15 changed files with 1144 additions and 26 deletions
--- a/src/components/HomePage/courseList.vue
+++ b/src/components/HomePage/courseList.vue
@@ -0,0 +1,89 @@
+<template>
+    <div class="">
+      <ul class="data-info-ul" v-if="courseList.length > 0">
+        <li class="data-info">
+            <!-- <course-image height="144px" :course="cinfo"></course-image> -->
+            <img style="width:254px;height:144px" src="/images/list-img.png" alt="">
+            <div class="data-cen">
+                <h6 class="course-tit portal-title-tow">京东方商业洞察BIP模型 <span class="score-info">5.0分</span> </h6>
+                <p class="title-info">通俗易懂的入门课程</p>
+                <div class="pro-line"> <div>当前进度：</div> <div style="width:200px"><el-progress :percentage="50"></el-progress></div></div>
+                <p class="portal-time">最新一次学习时间：2022-5-28 22:30:28</p>
+            </div> 
+            <div style="width:150px">
+                <div class="case-info-date portal-time" style="text-align: right;">
+                    <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
+                </div>
+                <div class="btn-right">
+                    <el-button class="btn" type="primary">确定</el-button>
+                </div>
+            </div>
+        </li>
+      </ul>
+      <div v-else class="home-no-list">
+            <img class="img" src="/images/homeWu/no-course.png" alt="" srcset="">
+            <p class="text">还没有课程</p>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+      export default{
+          data(){
+              return{
+                courseList:[]
+              }
+          },
+      methods:{
+       
+       }
+      }
+  </script>
+  
+  <style lang="scss" scoped>
+    .data-info-ul{
+        margin: 0;
+        padding-top: 32px;
+    }
+  .data-info{
+    display: flex;
+    border-bottom: 1px solid rgba($color: #999999, $alpha: 0.2);
+    padding-bottom: 38px;
+    margin-bottom: 32px;
+    .data-cen{
+        flex: 100%;
+        margin: 0 28px;
+        .course-tit{
+            margin: 0;
+            font-size: 18px !important;
+            line-height: 25px;
+            .score-info{
+                font-size: 14px;
+                font-weight: 600;
+                color: #FC6401;
+                margin-left: 20px;
+            }
+        }
+        .title-info{
+            font-size: 14px;
+            color: #333333;
+            margin-top: 14px;
+        }
+        .pro-line{
+           margin: 30px 0 16px 0;
+           font-size: 14px;
+           color: #333333;
+           display: flex;
+        }
+       
+    }
+    .btn-right{
+            margin-top: 48px;
+            .btn{
+                width: 140px;
+                height: 40px;
+            }
+        }
+  }
+  </style>
+