ant-design/components/message/index.jsx

'use strict';

import React from 'react';
import Notification from 'rc-notification';

var defaultDuration = 1.5;

var getMessageInstance = function(){
  return Notification.newInstance({
    prefixCls: 'ant-message',
    transitionName: 'move-up',
    style: {}  // 覆盖原来的样式
  });
};

export default {
  info: function(m, t) {
    var message = getMessageInstance();
    t = t || defaultDuration;
    message.notice({
      key: 'simpleMessage',
      duration: t,
      style: {},
      content: <div className='ant-message-custom-content'>
                 <i className='anticon anticon-info-circle ant-message-info'></i>
                 <span>{m}</span>
               </div>
    });
  },
  success: function(m, t) {
    var message = getMessageInstance();
    t = t || defaultDuration;
    message.notice({
      key: 'simpleMessage1',
      transitionName: 'move-up',
      duration: t,
      style: {},
      content: <div className='ant-message-custom-content'>
                 <i className='anticon anticon-check-circle ant-message-success'></i>
                 <span>{m}</span>
               </div>
    });
  },
  error: function(m, t) {
    var message = getMessageInstance();
    t = t || defaultDuration;
    message.notice({
      key: 'simpleMessage2',
      transitionName: 'move-up',
      duration: t,
      style: {},
      content: <div className='ant-message-custom-content'>
                 <i className='anticon anticon-exclamation-circle ant-message-error'></i>
                 <span>{m}</span>
               </div>
    });
  }
};