feat: document

Author: wangdan-fit2cloud

ui/src/components/common-list/index.vue

@@ -32,8 +32,8 @@ const props = withDefaults(
   {
     data: () => [],
     defaultActive: '',
-    valueKey: 'id'
-  }
+    valueKey: 'id',
+  },
 )
 
 const current = ref<Number | String>(0)
@@ -43,7 +43,7 @@ watch(
   (val) => {
     current.value = val
   },
-  { immediate: true }
+  { immediate: true },
 )
 
 const emit = defineEmits(['click', 'mouseenter', 'mouseleave'])
@@ -64,7 +64,7 @@ function clearCurrent() {
   current.value = 0
 }
 defineExpose({
-  clearCurrent
+  clearCurrent,
 })
 </script>
 <style lang="scss" scoped>
@@ -88,6 +88,12 @@ defineExpose({
       border-radius: 4px;
       background: var(--app-text-color-light-1);
     }
+    &.is-active {
+      &:hover {
+        color: var(--el-color-primary);
+        background: var(--el-color-primary-light-9);
+      }
+    }
   }
 }
 </style>

ui/src/layout/components/sidebar/index.vue

@@ -48,6 +48,14 @@ const activeMenu = computed(() => {
   .el-menu {
     height: 100%;
     border: none;
+    background: none;
+    .el-menu-item {
+      &:hover {
+        background: var(--app-text-color-light-1);
+        color: var(--el-menu-text-color);
+        cursor: pointer;
+      }
+    }
   }
 }
 </style>