gfs-head
根据 future-team 框架 练习demo， 原地址:https://github.com/future-team/gfs-head
引入
import {Head,Footer} from 'ea-head'使用
- 首先保证html中存在head,footer两部分以供插入。如下
<header id="head"></header>
<div id="root" style="padding: 10px;margin-bottom:500px">
这里是内容
</div>
<footer id="footer"></footer>-
头部支持配置，传入一个title数组即可。如下:
const logo = { className: 'logo', title: 'FutureTeam' }; let titles = [ {title: '博客', href: 'http://uedfamily.com/'}, {title: '文档', href: 'http://xxx.com'}, {title: '关于我们', href: 'http://uedfamily.com/about/'}, {title: '更多组件', href: 'http://uedfamily.com/framework/'} ]; ReactDom.render( <Head logo={logo} titles={titles}></Head>, document.getElementById('head') );
-
底部信息支持传参和children两种形式,两者都存在的情况下，children形式优先。
ReactDom.render( <Footer content='adasdas'> sddsdssdsd </Footer>, document.getElementById('footer') );
version
* 0.0.5 修复必要的css
* 0.0.2 删除不必要的reactDom
* 0.0.1 初始版本