cefc-grid v0.0.10

Grid

网格组件

Example

const menus = [{
  id: 1,
  icon: require('xx.png'),
  text: '买入',
  link: '/buy'
}, {
  id: 2,
  icon: require('xx1.png'),
  text: '卖出',
  link: '/sell'
}, {
  id: 3,
  icon: require('xx2.png'),
  text: '撤单',
  link: '/withdraw'
}];

function GridItem({ icon, text }) {
  return (
  	<div>
   	  <ImgIcon img={icon} />
      <p>{text}</p>
    </div>
  );
}

function renderItem(item) {
  return <GridItem {...item} />
}

function handleGridItemClick(item) {
  history.push(item.link);
}

ReactDOM.render((
  <Grid
    className="menus"
    data={menus}
    renderItem={renderItem}
    onClick={handleGridItemClick}
    space="0.02rem"
  />
), $container);

API

dd