学习中状态

src/pages/course-detail/index.vue

@@ -131,7 +131,9 @@
                                                   </div>
                                                 </div>
                                               </template>
-                                              <div v-if="isActive(section)">学习中 </div>
+
+                                              <div class="lear-state" v-if="isActive(section)"><img
+                                                  src="../../assets/learing.gif" alt="">学习中</div>
                                               <template v-if="section.durationTime > 0">
                                                 <div class="during">
                                                   {{
@@ -6515,6 +6517,22 @@ export default {
                         display: flex;
                         align-items: center;
 
+                        .lear-state {
+                          display: flex;
+                          align-items: center;
+                          height: 20x;
+                          padding-right: 14px;
+                          color: #FFFFFF;
+                          font-size: 14px;
+                          line-height: 20px;
+                          font-weight: 400;
+                          img {
+                            width: 20px;
+                            height: 20px;
+                            margin-right: 4px;
+                          }
+                        }
+
                         &.active {
                           background: #132b4d;
                           font-size: 14px;

src/pages/person-center/my-course/index.vue

@@ -1460,12 +1460,13 @@ export default {
   color: #222;
   font-weight: bold;
   font-size: 24px;
-  padding: 28px 0px;
+  padding: 28px 0px 20px;
   border-bottom: 1px solid #eee;
-  display: flex;
-  align-items: center;
   .note{
-    margin-left: 40px;
+    margin: 4px 0 0 10px;
+    color: #777777;
+    font-size: 16px;
+    font-weight: 500;
   }
 }