隐藏横条 原创

创建

• 在Demo\docs-base\.vitepress\theme\style\文件夹中创建hidden.scss文件，并添加以下内容

.
├─ demo
│ ├─ docs-base
│ │ ├─ .vitepress
│ │ │ └─ config.mts
│ │ │ └─ theme
│ │     └─ style
│ │       └─ index.scss
│ │       └─ hidden.scss
│ └─ index.md
└─ node_modules

配置

/* .vitepress\theme\style\hidden.scss */
// /* 隐藏横条 */
// nav导航栏下菜单隐藏线
.VPMenuGroup {
  border-top: none !important;
}

.VPMenuLink {
  border-top: none !important;
}
// 页头横条隐藏线
.vp-doc h2 {
  border-top: none;
}

// 页脚横条隐藏线
.prev-next {
  border-top: none !important;
}

// 目录页横条隐藏线
.tk-catalogue__header {
  border-bottom: none;
}

// 移动端nav导航栏下隐藏线
.VPLocalNav {
  border-bottom: none !important;
}

• 在Demo\docs-base\.vitepress\theme\style\文件中创建index.scss文件，并添加以下内容

@use "./hidden.scss" as *; //隐藏横条

引入

• 在Demo\docs-base\.vitepress\theme\index.ts文件中引入以下内容

// 引入Demo\docs-base\.vitepress\theme\style\index.scss全局样式
import "./style/index.scss";