move message style to less file

components/message/demo/duration.md

@@ -2,7 +2,7 @@
 
 - order: 4
 
-全局提示 - 操作成功提示,并自定义时长`10s`，默认时长`2.5s`。
+全局提示 - 操作成功提示,并自定义时长`10s`，默认时长`1.5s`。
 
 ---
 
@@ -10,7 +10,7 @@
 
 var message = antd.message;
 var success = function() {
-  message.success('这是一条成功的提示,并将于10秒后消失',10);
+  message.success('这是一条成功的提示,并将于10秒后消失', 10);
 };
 
 React.render(<button className="ant-btn ant-btn-primary" onClick={success}>自定义时长提示</button>

components/message/index.jsx

@@ -3,15 +3,13 @@
 //import React from 'react';
 import Notification from 'rc-notification';
 
-var defaultDuration = 2.5;
+var defaultDuration = 1.5;
 
 var getMessageInstance = function(){
   return Notification.newInstance({
     prefixCls: 'ant-message',
     transitionName: 'move-up',
-    style: {
-      top: '16px'
-    }
+    style: {}  // 覆盖原来的样式
   });
 };
 
@@ -22,9 +20,7 @@ export default {
     message.notice({
       key: 'simpleMessage',
       duration: t,
-      style: {
-        left: '50%'
-      },
+      style: {},
       content: <div className='ant-message-custom-content'>
                  <i className='anticon anticon-info-circle ant-message-info'></i>
                  <span>{m}</span>
@@ -38,9 +34,7 @@ export default {
       key: 'simpleMessage1',
       transitionName: 'move-up',
       duration: t,
-      style: {
-        left: '50%'
-      },
+      style: {},
       content: <div className='ant-message-custom-content'>
                  <i className='anticon anticon-check-circle ant-message-success'></i>
                  <span>{m}</span>
@@ -54,9 +48,7 @@ export default {
       key: 'simpleMessage2',
       transitionName: 'move-up',
       duration: t,
-      style: {
-        left: '50%'
-      },
+      style: {},
       content: <div className='ant-message-custom-content'>
                  <i className='anticon anticon-exclamation-circle ant-message-error'></i>
                  <span>{m}</span>

components/message/index.md

@@ -24,4 +24,4 @@
 | 参数       | 说明           | 类型                       | 默认值       |
 |------------|----------------|----------------------------|--------------|
 | content    | 提示内容       | React.Element or String    | 无           |
-| duration   | 自动关闭的延时 | number                     | 2.5          |
+| duration   | 自动关闭的延时 | number                     | 1.5          |

style/components/message.less

@@ -5,11 +5,13 @@
   position: fixed;
   z-index: 1000;
   width: 100%;
+  top: 60px;
 
   &-notice {
     width: auto;
     vertical-align: middle;
     position: absolute;
+    left: 50%;
   }
 
   &-notice-content {
@@ -40,7 +42,6 @@
 
   .anticon {
     margin-right: 8px;
-    position: relative;
-    top: -1px;
+    font-size: 14px;
   }
 }