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

class App extends React.Component {
  header() {
    return <div>Please Confirm</div>
  }
  footer() {
    return (
      <div>
        <ButtonGroup style={{ width: '100%', height: '50px' }}>
          <LinkButton className="f-full mybtn" plain>Ok</LinkButton>
          <LinkButton className="f-full mybtn" plain>Cancel</LinkButton>
        </ButtonGroup>
      </div>
    )
  }
  render() {
    return (
      <div>
        <h2>Custom Dialog Style</h2>
        <LinkButton onClick={() => this.dlg.open()}>Open Dialog</LinkButton>
        <Dialog
          className="mydlg"
          headerCls="mydlg-header"
          footerCls="mydlg-footer"
          borderType="none"
          modal
          ref={ref => this.dlg = ref}
          header={this.header}
          footer={this.footer}
        >
          <p style={{ textAlign: 'center', margin: '50px 0', fontSize: '16px' }}>The Dialog Content.</p>
        </Dialog>
      </div>
    );
  }
}

export default App;