［修改］侧边栏样式

src/components/Card/index.vue

@@ -31,7 +31,7 @@ export default {
   height: 100%;
   position: relative;
   background: #ffffff;
-  border: $default-border;
+  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.04);
   color: #152935;
 }
 

src/layouts/courseLayouts/LayoutStructure.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="course">
-    <HomeHeader></HomeHeader>
     <div class="course-layout">
       <div class="menu-section">
         <div class="menu-sticky">
@@ -24,7 +23,6 @@
 <script>
 import { FETCH_CURRENT_COURSE } from "@/store/type/actions.type";
 import { mapState } from "vuex";
-import HomeHeader from "@/layouts/HomeLayout/HomeHeader";
 
 export default {
   computed: {
@@ -32,9 +30,7 @@ export default {
       course: state => state.course.currentCourse
     })
   },
-  components: {
-    HomeHeader
-  },
+  components: {},
   data() {
     return {
       isLoading: false

src/layouts/courseLayouts/StudentMenu.vue

@@ -4,7 +4,7 @@
     <ul class="menu-list">
       <li>
         <router-link active-class="is-active" :to="`${prefix}/dashboard`">
-          工作台
+          <img src="../../assets/icon/work.png" />工作台
         </router-link>
       </li>
     </ul>
@@ -12,17 +12,17 @@
     <ul class="menu-list">
       <li>
         <router-link active-class="is-active" :to="`${prefix}/code`">
-          代码作业
+          <img src="../../assets/icon/laptop.png" />代码作业
         </router-link>
       </li>
       <li>
         <router-link active-class="is-active" :to="`${prefix}/document`"
-          >文档作业</router-link
+          ><img src="../../assets/icon/file.png" />文档作业</router-link
         >
       </li>
       <li>
         <router-link active-class="is-active" :to="`${prefix}/review`"
-          >评审作业</router-link
+          ><img src="../../assets/icon/edit.png" />评审作业</router-link
         >
       </li>
     </ul>
@@ -30,7 +30,7 @@
     <ul class="menu-list">
       <li>
         <router-link active-class="is-active" :to="`${prefix}/group`"
-          >我的小组</router-link
+          ><img src="../../assets/icon/team.png" />我的小组</router-link
         >
       </li>
     </ul>
@@ -46,3 +46,33 @@ export default {
   }
 };
 </script>
+<style lang="scss" scoped>
+.menu-label {
+  color: #ffffff;
+  font-size: 1rem;
+  padding-bottom: 5px;
+  border-bottom: 1px solid;
+  font-weight: bold;
+}
+.menu-list {
+  font-weight: bold;
+  font-size: 1.1rem;
+  li {
+    margin-bottom: 10px;
+    a {
+      display: flex;
+      color: #ffffff;
+      &:hover {
+        background-color: rgba(255, 255, 255, 0.24);
+      }
+    }
+    img {
+      height: 20px;
+      margin-right: 5px;
+    }
+  }
+}
+.is-active {
+  background-color: rgba(255, 255, 255, 0.24) !important;
+}
+</style>

src/layouts/courseLayouts/TeacherMenu.vue

@@ -32,7 +32,7 @@
       </li>
       <li>
         <router-link active-class="is-active" :to="`${prefix}/review`">
-          <img src="../../assets/icon/team.png" />评审作业
+          <img src="../../assets/icon/edit.png" />评审作业
         </router-link>
       </li>
       <li>

src/views/teacher/Home/index.vue

@@ -13,7 +13,7 @@
       <div class="columns is-multiline is-desktop">
         <div :key="item.id" v-for="item in courses" class="column is-4">
           <router-link :to="`/course-teacher/${item.id}/dashboard`">
-            <card class="subjectCard" hoverable>{{ item.name }}</card>
+            <card hoverable>{{ item.name }}</card>
           </router-link>
         </div>
       </div>
@@ -67,8 +67,4 @@ export default {
     left: 15px;
   }
 }
-.subjectCard {
-  border: 0px !important;
-  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.04);
-}
 </style>