diff --git a/docs/public/top-left-right.png b/docs/public/top-left-right.png new file mode 100644 index 000000000..f8ad2bc11 Binary files /dev/null and b/docs/public/top-left-right.png differ diff --git a/docs/reference/plugin/plugins/layout.md b/docs/reference/plugin/plugins/layout.md index fc474b1c3..57d729270 100644 --- a/docs/reference/plugin/plugins/layout.md +++ b/docs/reference/plugin/plugins/layout.md @@ -9,7 +9,7 @@ import { withBase } from 'vitepress' 为了进一步降低研发成本,我们将布局利用 `fes.js` 插件的方式内置,只需通过简单的配置即可拥有布局,包括导航以及侧边栏。从而做到用户无需关心布局。 - 侧边栏菜单数据根据路由中的配置自动生成。 -- 布局,提供 `side`、 `top`、`mixin`、`left-right` 四种布局。 +- 布局,提供 `side`、 `top`、`mixin`、`left-right`、`top-left-right` 五种布局。 - 主题,提供 `light`、`dark` 两种主题。 - 默认实现对路由的 404、403 处理。 - 搭配 [@fesjs/plugin-access](./access.html) 插件使用,可以完成对路由的权限控制。 @@ -34,7 +34,7 @@ import { withBase } from 'vitepress' ## 布局类型 -配置参数是 `navigation`, 布局有三种类型 `side`、`mixin` 、`top` 和 `left-right`, 默认是 `side`。 +配置参数是 `navigation`, 布局有五种类型 `side`、`mixin` 、`top` 、`left-right`、`top-left-right`, 默认是 `side`。 ### side @@ -53,9 +53,12 @@ import { withBase } from 'vitepress' ### left-right - + left-right + +top-left-right + ### 页面个性化 可以为页面单独设置布局类型: @@ -258,6 +261,10 @@ export const layout = { - **path**:菜单的路径,可配置第三方地址。 + - **query**:同 vue-router 的 query 参数。 + + - **params**:同 vue-router 的 params 参数。 + - **match (v4.0.0+)**:额外匹配的路径,当前路由命中匹配规则时,此菜单高亮。 ``` diff --git a/packages/fes-plugin-layout/src/runtime/views/BaseLayout.vue b/packages/fes-plugin-layout/src/runtime/views/BaseLayout.vue index f064f68d4..5020986bf 100644 --- a/packages/fes-plugin-layout/src/runtime/views/BaseLayout.vue +++ b/packages/fes-plugin-layout/src/runtime/views/BaseLayout.vue @@ -127,7 +127,7 @@ -