NavBar 导航栏

左侧渲染

import { NavBar, Icon } from 'zarm';
ReactDOM.render(
  <NavBar
    left={
      <Icon
        type="arrow-left"
        theme="success"
        onClick={() => window.history.back()}
      />
    }
    title="这是标题"
  />
, mountNode);

右侧渲染

import { NavBar, Icon } from 'zarm';
ReactDOM.render(
  <NavBar
    title="这是标题这是标题这是标题"
    right={
      <Icon
        type="question-round"
        theme="success"
        onClick={() => window.alert('click icon')}
      />
    }
  />
, mountNode);

复数渲染

import { NavBar, Icon } from 'zarm';
ReactDOM.render(
  <NavBar
    left={
      <Icon 
        type="arrow-left"
        theme="success"
        onClick={() => window.history.back()}
      />
    }
    title="这是标题"
    right={
      <>
        <Icon type="add" theme="success" onClick={() => alert('click icon1')} style={{ marginRight: 16 }} />
        <Icon
          type="question-round"
          theme="success"
          onClick={() => alert('click icon2')}
        />
      </>
    }
  />
, mountNode);

API