app-base-web/src/library/notification/index copy.js

web development common base package.

// import React, { Component } from 'react'
// import { notification, Button, List, Skeleton } from 'antd';
// import './style'

// export default class Notification extends React.Component {

//   constructor(props) {
//     super(props);
//     this.state = {
//       ...this.props.params
//     };
//   }
//   componentDidMount() {

//   }
//   render() {
//     const loadMore = // 加载更多
//       !msg.initLoading && !msg.loading ? (
//         <div className="notification-loadmore">
//           <Button className="btn-add" onClick={msg.onLoadMore}>加载更多</Button>
//         </div>
//       ) : null;
//     notification.open({
//       message: <div>{this.state.title}</div>,
//       description: <div className="notification">
//         <audio controls="controls" style={{ height: 0, display: 'none' }} src="../static/wav/message.wav" autoPlay></audio>
//         <List
//           size="small"
//           style={{ border: 'none' }}
//           bordered
//           dataSource={msg.data}
//           loadMore={loadMore}
//           renderItem={item => (
//             <List.Item className={item.hasRead ? 'item read' : 'item'}>
//               <Skeleton title={false} paragraph={{ 'rows': 1, 'width': '100' }} loading={item.loading}>
//                 <div className="type">{item.type}</div>
//                 <div className="content">{item.content}</div>
//                 <div className="time">{item.time}</div>
//               </Skeleton>
//             </List.Item>
//           )}
//         />
//       </div>,
//       key: this.props.key ? this.props.key : 'onlyKey', //默认唯一key，设置key的作用是第二次打开时仍是当前弹框,
//       placement: 'bottomRight',
//       duration: null
//     })
//     return {};
//   }
// }