@hankliu/rc-footer

在 HankLiu WebApp 页面中使用的通用的 Footer 组件，包含 Logo，产品矩阵，联系我们，关于产品等模块内容。

功能特征

• [x] Logo
• [x] 产品矩阵
• [x] 联系我们
• [x] 关于产品

安装

npm install @hankliu/rc-footer --save

or

yarn add @hankliu/rc-footer

or

pnpm install @hankliu/rc-footer

Usage

npm install
npm start

import Footer from '@hankliu/rc-footer';

export default () => (
  <Footer />
);

API

| 名称 | 类型 | 默认值 | 描述 | | --- | --- | --- | --- | | className | string | - | 组件外层元素classname | | prefixCls | string | hlui-footer | 组件外层元素 classname 前缀 | | productLinks | Array<{ name: string, link: string}> | 默认值在如下所示 | 产品列表 |

productLinks 参数默认值

[
  {
    name: '设计动画',
    link: 'https://hankliu62.github.io/icss/',
  },
  {
    name: '个人简历',
    link: 'https://hankliu62.github.io/resume/',
  },
  {
    name: '面试宝典',
    link: 'https://hankliu62.github.io/interview/',
  },
  {
    name: 'Hank-Design',
    link: 'https://hankliu62.github.io/hankliu-ui/',
  },
  {
    name: '中午吃什么',
    link: 'https://hankliu62.github.io/what-lunch/',
  },
  {
    name: '懒人选择器',
    link: 'https://hankliu62.github.io/lucky-choose/',
  },
]

案例

npm start 然后打开 http://localhost:8000/examples/

线上案例: https://hankliu62.github.io/rc-footer

单元测试

npm test

覆盖率

npm run coverage

License

@hankliu/rc-footer is released under the MIT license.