Web Demo Mobile Demo Angular Demo Vue Demo React Demo
源代码
import React from 'react';
import { Panel, TextBox, LinkButton } from 'rc-easyui';

class App extends React.Component {
  header() {
    return (
      <div className="f-row">
        <div className="f-full" style={{ lineHeight: '30px' }}>Panel Title</div>
        <TextBox iconCls="icon-search"></TextBox>
      </div>
    )
  }
  footer() {
    return (
      <div style={{ padding: 5 }}>
        <LinkButton iconCls="icon-add">New</LinkButton>
        <LinkButton iconCls="icon-remove">Remove</LinkButton>
      </div>
    )
  }
  render() {
    return (
      <div>
        <h2>Header and Footer</h2>
        <Panel
          title="Panel Title"
          style={{ height: 200 }}
          bodyStyle={{ padding: 20 }}
          header={this.header}
          footer={this.footer}
        >
          <p>Panel Content.</p>
        </Panel>
      </div>
    );
  }
}

export default App;