2.0.1 • Published 4 years ago

common-header v2.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

公共头开发打包说明

install dependencies

npm install

开发环境

npm start

打包命令

npm run build

API

参数说明类型默认值
productName必选参数，项目名称，用来匹配logo图片 ke、mdmString无
productHeaderId必选参数，eap接口获取项目头部数据对应idString无
productLogo可选参数，header左侧logo图片，ke和mdm有默认图片，可以不做配置。String无
eap_url可选参数，eap接口根地址String/eap/
file_url可选参数，文件服务接口根地址String/eap/
ke_web_url可选参数，ke web服务接口根地址String/ke-web/

后台自定义logo

可以在后台菜单配置最顶层添加图片

react组件方式调用示例

import Header from 'common-header';

const productName = 'ke';
const productHeaderId = '6';

const initConfig = typeof globalInitConfig === "object" ? globalInitConfig : {};

ReactDOM.render(
  <Header productName={productName} productHeaderId={productHeaderId} {...initConfig} />,
  document.getElementById('sysware-common-header')
);

非react组件方式调用示例

引用dist目录下对应文件

<script>
    var headerConfig = {
        productName: 'mdm',
        productHeaderId: '2-30',
        productLogo: './logo-conf.png'
    }
</script>
<link href="common-header.css" rel="stylesheet">

<div id="sysware-common-header"></div>
<script type="text/javascript" src="common-header.js"></script>
axiosclassnamesconsole-polyfillcookieqsreactreact-domreact-reduxreduxsub-antd
@everything-registry/sub-chunk-1362@infinitebrahmanuniverse/nolb-common-@zalastax/nolb-common-
2.0.1

4 years ago