安装与使用
# 安装插件
npm install @hvisions/plugin-new-layout
// 引入插件
import layoutPlugin from "@hvisions/plugin-new-layout";
import Core from "@hvisions/core";
// 使用插件
Core.plugin(layoutPlugin);
注意事项:
core 2.0.62以上时 new-layout必须2.0.58以上,
core 2.0.62以下 new-layout必须2.0.58以下
import LayoutSnap from '../../site/theme/template/DevTemplate/LayoutPlugin';
ReactDOM.render(<LayoutSnap />, mountNode);
layout 配置
| 参数名 |
说明 |
类型 |
默认值 |
必须 |
版本 |
| title |
菜单标题 |
string |
菜单栏 |
- |
- |
| company |
公司名称 |
string |
|
- |
- |
| searchPlaceholder |
搜索框占位符 |
string |
|
- |
- |
| aboutTitle |
关于about模态框的标题 |
string 关于 |
|
- |
- |
| hideAbout |
隐藏 about 模态框,为 true 时隐藏 |
boolean |
|
- |
- |
| showBreadcrumb |
为 true 时显示面包屑 |
boolean |
|
- |
- |
| tabNum |
tab 标签最多显示的数量 |
number |
10 |
- |
- |
| menuLogo |
左上角主菜单 logo |
string|null |
|
- |
- |
| submenuLogo |
左上角副菜单 logo |
string|null |
|
- |
- |
| aboutImage |
关于模态框左侧图片 |
string|null |
|
- |
- |
| aboutText |
关于模态框左侧文字 |
string|null |
|
- |
- |
| version |
关于模态框右侧版本信息 |
string|null |
2.3.1 |
- |
- |
| aboutCopyright |
关于模态框下方文字区域 |
string|null |
|
- |
- |
| aboutCompany |
关于模态框下方文字区域中 公司名称 |
string |
|
- |
- |
| aboutWebsite |
关于模态框下方文字区域中 网站链接 |
string |
|
- |
- |
| aboutFooterLogo |
关于模态框左下方 logo 区域 |
string|null |
|
- |
- |