feat: 修改设计

src/example/components/slide/slide-icons.vue

@@ -110,10 +110,16 @@ props.cref &&
   font-size: 14px;
   color: #333;
 
+  h2 {
+    font-size: 16px;
+  }
+  h3 {
+    font-size: 14px;
+  }
   h2,
   h3 {
-    font-size: inherit;
     color: inherit;
+    font-family: var(--el-font-family);
   }
 
   // .type-children:not(:first-child) {
@@ -123,6 +129,7 @@ props.cref &&
     margin-bottom: 20px;
   }
 }
+
 .type-children {
   margin-left: 10px;
 }
@@ -140,6 +147,11 @@ props.cref &&
     border-radius: 4px;
     justify-content: space-between;
     margin-bottom: 20px;
+    cursor: pointer;
+
+    &:hover {
+      background: var(--el-menu-hover-bg-color);
+    }
 
     &.active {
       background: var(--el-color-primary-light-7);

src/example/components/slide/slide.vue

@@ -57,6 +57,7 @@ const hoverMenu = stackVar<{
   onactive: (s?: ShowAttr) => void;
   ref: any;
 }>();
+
 const enterItem = (item: MenuItem) => {
   const svar = {
     item,
@@ -83,6 +84,7 @@ const enterItem = (item: MenuItem) => {
   return cleanup;
 };
 const hover = hoverManage(enterItem);
+// enterItem(props.menus[2]);
 
 const viewMap = reactive(new WeakMap<MenuItem, ShowAttr>());
 watch(active, (a) => {