在 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
npm install
npm start
import Footer from '@hankliu/rc-footer';
export default () => (
<Footer />
);
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
className | string | - | 组件外层元素classname |
prefixCls | string | hlui-footer | 组件外层元素 classname 前缀 |
productLinks | Array<{ name: string, link: string}> |
默认值在如下所示 | 产品列表 |
[
{
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
@hankliu/rc-footer is released under the MIT license.