修改选择列表

src/views/personal_workbench/edit_task/preview/index.vue

@@ -9,7 +9,7 @@
             <div
               v-for="{ id: nodeId, name, deep, is_leaf_chapter, is_my_edit_task } in node_list"
               :key="nodeId"
-              :class="['menu-item', { active: curSelectId === nodeId }]"
+              :class="['menu-item', { active: curSelectId === nodeId }, { courseware: isTrue(is_leaf_chapter) }]"
               :style="computedNameStyle(deep, isTrue(is_leaf_chapter))"
               @click="selectNode(nodeId, isTrue(is_leaf_chapter))"
             >
@@ -233,6 +233,14 @@ export default {
       display: flex;
       align-items: center;
 
+      &.courseware {
+        &:hover {
+          .name {
+            background-color: #f3f3f3;
+          }
+        }
+      }
+
       .svg-icon {
         margin-left: 4px;
 
@@ -243,13 +251,14 @@ export default {
 
       .name {
         flex: 1;
-        padding: 4px 8px 4px 2px;
+        padding: 4px 8px 4px 4px;
         border-radius: 4px;
       }
 
       &.active {
         .name {
-          background-color: $main-active-color;
+          font-weight: bold;
+          background-color: $main-active-color !important;
         }
       }
     }