showModal.jsx 901 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. import React from "react";
  2. import { Spin, Button, Tabs, Table, message, Modal } from "antd";
  3. const ShowModal = React.createClass({
  4. getInitialState() {
  5. return {
  6. };
  7. },
  8. handleOk() {
  9. this.setState({
  10. newVisible: false
  11. });
  12. },
  13. render() {
  14. return (
  15. <Modal
  16. style={{ position: "relative" }}
  17. title="消息提醒"
  18. visible={this.props.ShowModal}
  19. width={1000}
  20. closable={false}
  21. footer={null}
  22. >
  23. 有消息
  24. <Button
  25. onClick={this.handleOk}
  26. type={"primary"}
  27. style={{
  28. position: "relative",
  29. left: "50%",
  30. transform: "translateX(-50%)",
  31. bottom: -10
  32. }}
  33. >
  34. 我已阅读以上信息
  35. </Button>
  36. </Modal>
  37. );
  38. }
  39. });
  40. export default ShowModal;