修改

src/views/Index.vue

@@ -52,8 +52,11 @@
           </div>
         </a>
         <div class="last-study-info">
-          <div class="one-line-ellipsis" style="color: #000000;">
-            <router-link :to="'/course/studyindex?id='+lastStudy.courseId" >最近学习： {{lastStudy.courseName}} </router-link>
+          <div class="one-line-ellipsis" style="color: #387DF7;font-size: 16px;">
+            <router-link :to="'/course/studyindex?id='+lastStudy.courseId" > 
+            <img class="Recent" :src="`${webBaseUrl}/images/Recent.png`" alt="">
+            最近学习： {{lastStudy.courseName}}
+             </router-link>
           </div>
           <!-- <div class="tobe-icon">
             <img :src="`${webBaseUrl}/images/homeWu/Pending.png`" alt="">
@@ -1091,6 +1094,11 @@
 </script>
 
 <style scoped lang="scss">
+.Recent{
+  vertical-align: top;
+  width: 22px;
+  height: 22px;
+}
 .jinian-medal-img{
   text-align: center;
   padding-top: 10px;
@@ -1224,7 +1232,7 @@
     right: 8%;
     top: 105px;
     // background: url('/images/homeWu/personal-bgimg.png');
-    background: rgba($color: #fff, $alpha: 0.2);
+    background: rgba($color: #fff, $alpha: 0.85);
     border-radius: 8px;
     z-index: 999;
     backdrop-filter: blur(10px);
@@ -1292,7 +1300,7 @@
         text-align: center;
       }
       .label {
-        color: #333;
+        color: #999999;
         font-size: 12px;
         text-align: center;
       }
@@ -1305,6 +1313,7 @@
           font-size: 22px;
           text-align: center;
           color: #333;
+          font-weight: 500;
         }
       }
     }