利用“structure”自动生成的侧边栏没有点击展开/折叠功能？ #3220

cnlibo · 2023-06-12T07:00:38Z

cnlibo
Jun 12, 2023

我用Hope主题搭建了个静态网站https://www.hydraumech.cf。
因为是小白，一路遇到了不少问题，有的通过搜索解决了。目前碰到一个侧边栏的问题。我的Sidebar是利用“structure”命令自动生成的。相关配置如下：

.vuepress\navbar\en.ts:

import { navbar } from "vuepress-theme-hope";

export const enNavbar = navbar([
  { text: "Home", link: "/index.html", },
  { text: "About us", link: "/aboutus.html", },
  {
    text: "Products",
    prefix: "/products/",
    children: [
      {
        text: "Hydraulic Pumps", 
        prefix: "gearpump/",
        link: "gearpump/index.html",
      },
      {
        text: "Hydraulic Valves",
        prefix: "valves/",
        link: "valves/index.html",
      },
      {
        text: "Hydraulic Motors",
        prefix: "motors/",
        link: "motors/index.html",
      },
      {
        text: "Pneumatic Components",
        prefix: "air/",
        link: "air/index.html",
      },
      {
        text: "Bottling Line",
        prefix: "bottling/",
        link: "bottling/index.html",
      },
      {
        text: "Industrial Furnaces",
        prefix: "furnace/",
        link: "furnace/index.html",
      },
    ],
  },
  { text: "Contact", link: "/contact.html", },
  { text: "Inquire now!", link: "/comment.html", target: "_blank", icon: "write" },
]);

.vuepress\sidebar\en.ts：

import { sidebar } from "vuepress-theme-hope";

export const enSidebar = sidebar({
  "/products/gearpump/": [{collapsible: true, children:"structure",},],
  "/products/valves/": [{children:"structure",},],
  "/products/motors/": "structure",
  "/products/air/": "structure",
  "/products/bottling/": "structure",
  "/products/furnace/": "structure",
});

侧边栏对应导航栏的产品子类，由“structure”命令自动生成。目前实现的效果如下：