mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-06 03:59:53 +08:00
docs: 补充文档
This commit is contained in:
parent
426cc13d7c
commit
d637d968a4
@ -90,8 +90,9 @@ Fes.js 里约定目录下有 `layout.vue` 时会生成嵌套路由,以 `layout
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<Page></Page>
|
||||
<Page />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { Page } from '@fesjs/fes';
|
||||
export default {
|
||||
@ -112,7 +113,7 @@ export default {
|
||||
export default {
|
||||
layout: {
|
||||
// 标题
|
||||
title: "Fes.js",
|
||||
title: 'Fes.js',
|
||||
// 底部文字
|
||||
footer: 'Created by MumbleFE',
|
||||
// 主题light
|
||||
@ -128,6 +129,7 @@ export default {
|
||||
}],
|
||||
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
#### 运行时配置方式
|
||||
@ -150,7 +152,8 @@ export const layout = {
|
||||
。
|
||||
|
||||
```js
|
||||
export const layout = (layoutConfig, { initialState }) => ({
|
||||
export function layout(layoutConfig, { initialState }) {
|
||||
return {
|
||||
renderCustom: () => <UserCenter />,
|
||||
menus: () => {
|
||||
const menusRef = ref(layoutConfig.menus);
|
||||
@ -166,7 +169,8 @@ export const layout = (layoutConfig, { initialState }) => ({
|
||||
);
|
||||
return menusRef;
|
||||
},
|
||||
});
|
||||
};
|
||||
}
|
||||
```
|
||||
|
||||
最终配置结果是运行时配置跟编译时配置合并的结果,运行时配置优先于编译时配置。
|
||||
@ -194,6 +198,12 @@ export const layout = (layoutConfig, { initialState }) => ({
|
||||
|
||||
- **详情**:页面布局类型,可选有 `side`、 `top`、 `mixin`
|
||||
|
||||
### navigationOnError
|
||||
|
||||
- **类型**:`String`、`Function`
|
||||
|
||||
- **详情**:指定 `403`、`404` 时,页面的布局类型。值同 `navigation`。也支持函数返回。
|
||||
|
||||
### isFixedHeader
|
||||
|
||||
- **类型**:`Boolean`
|
||||
|
@ -218,7 +218,7 @@ export default {
|
||||
default: 'side', // side 左右(上/下)、 top 上/下、 mixin 上/下(左/右)
|
||||
},
|
||||
navigationOnError: {
|
||||
type: String, // 403, 404 时的 navigation
|
||||
type: [String, Function], // 403, 404 时的 navigation
|
||||
},
|
||||
isFixedHeader: {
|
||||
type: Boolean,
|
||||
|
Loading…
x
Reference in New Issue
Block a user