2

src/views/portal/courseHomepage.vue

@@ -64,13 +64,14 @@
     </div>
 
     <div class="sidebar">
-      <div class="content">
+      <div class="icon"><img src="/src/assets/images/rjgz.jpg" width="100%" height="100%"></div>
+      <!-- <div class="content">
         <h3>课程目标</h3>
         <div class="btn">了解更多</div>
         <a>
           课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程课程
         </a>
-      </div>
+      </div> -->
 
       <div class="column" style="">
         <div class="icon"></div>
@@ -386,6 +387,19 @@ body {
   margin-left: 20px;
   // background-color: rgb(84, 50, 9)
 }
+.sidebar .icon{
+  width: 100%;
+  height: 20%;
+}
+.sidebar .content {
+  width: 100%;
+  height: 20%;
+  border-radius: 14px 14px 14px 14px;
+  border-left: 4px solid #5577ff;
+  background-color: #ffffff;
+  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
+}
+
 .sidebar .content {
   width: 100%;
   height: 20%;