@wxshylion/bc-nav-page NPM

四种类型导航页, 不同类型对应主题

react | antd | loadsh | react-router/react-router-dom | react-lottie | less | prop-types

下载

$ yarn add @wxshylion/bc-nav-page
or
$ npm i @wxshylion/bc-nav-page

参数	说明	类型	默认值	是否必填	版本	备注
navTpye	导航页类型	string	science_1	是	1.0.1	字段为 science_1 / science_2 / square_1 / square_2 中
theme	导航页主题/导航页背景	string	空	-	1.0.1	当 navTpye 为 science_1 以及 science_2 时，否; 当 square_1 时，为 science / light / dark ;当 square_2 时，为 bg_1 / bg_2 / bg_3
projectTitle	项目名称	string	叙简科技统一模块监控平台	是	1.0.1	无
navList	导航具体数据	Option[]	[]	是	1.0.1	见 navList.Option
projectIconShow	是否显示项目图标	boolean	true	否	1.0.1	无
projectIcon	自定义项目图标路径	isRequire	空	否	1.0.1	当 navTpye 为 science_2 时，需要注意图标大小的调整
navTitle	当 navTpye 为 square_1 时的左模块标题	string	功能模块	否	1.0.1	当 navTpye 为 square_1 时起作用
extraTitle	当 navTpye 为 square_1 时的右模块标题	string	配置管理	否	1.0.1	当 navTpye 为 square_1 时起作用
extraList	额外的导航	Option[]	[]	-	1.0.1	square_1 时必填，science_2 时非必填，见 extraList.Option
userMenu	人员图标下拉列表	Option[]	[]	-	1.0.1	当数组为[]时不显示人员图标, 见 uerMenu.Option
settingMenu	设置图标下拉列表	Option[]	[]	-	1.0.1	当数组为[]时不显示人员图标, 见 settingMenu.Option

参数	说明	类型	是否必填	版本	备注
icon	模块图标名称，具体配置看参数说明	string	navType 为 science_2 时，非必填	1.0.1	图标对应的 icon 参见在线 api 当 iconCustom 为 true 时失效
name	模块名称	string	是	1.0.1	建议在 4 字之内
url	模块点击跳转 url	string	是	1.0.1	前端路由，在设置 clickCustom 时失效
iconCustom	是否自定义模块图标	boolean	否	1.0.1	设置自定义 icon 时为 true
iconCustomUrl	自定义模块图标	isRequire	否	1.0.1	无
iconCustomSelUrl	自定义鼠标悬浮模块图标	isRequire	否	1.0.1	navType 为 science_1 时生效
bgShow	是否采用导航背景图	boolean	否	1.0.1	navType 为 square_1 时生效
bgShowUrl	导航背景图	isRequire	否	1.0.1	avType 为 square_1 时生效
clickCustom	自定义点击导航事件	Function(menu: obj)	否	1.0.1	阻止页面的前端路由，自定义点击事件

3 years ago

3 years ago

3 years ago