安装与使用
# 安装插件
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 |
|
- |
- |