ea-head

common head for framework demo

unpublished

latest

npm

Version: 0.0.8

Version published: 9 years ago

Weekly downloads: 0

Maintainers: 1

Weekly downloads

Created: 5 years ago

Source

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 初始版本

Keywords

common head

FAQs

What is ea-head?

Is ea-head popular?

Is ea-head well maintained?

Package last updated on 21 May 2017

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install