From 6ecad4daad9c07f011a7cc4694cde3c31eaffa61 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B9=90=E4=BB=AA?= <linya.qu@alipay.com>
Date: Thu, 27 Apr 2017 21:50:40 +0800
Subject: [PATCH] Translation NoticeBar

---
 components/notice-bar/demo/basic.md  |  8 ++++----
 components/notice-bar/demo/basic.tsx | 18 ++++++++++++------
 components/notice-bar/index.en-US.md | 15 ++++++++-------
 3 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/components/notice-bar/demo/basic.md b/components/notice-bar/demo/basic.md
index e80cc0d1fd1..c278e59e268 100644
--- a/components/notice-bar/demo/basic.md
+++ b/components/notice-bar/demo/basic.md
@@ -13,17 +13,17 @@ const NoticeBarExample = () => (
   <div>
     <WhiteSpace size="lg" />
     <NoticeBar marqueeProps={{ loop: true, style: { padding: '0 0.15rem' } }}>
-      国庆期间余额宝收益和转出到账时间通知：由于国庆到来，余额宝收益到账将延迟，特此通知
+      Notice: The arrival time of incomes and transfers of Yu &#39;E Bao will be delayed during National Day.
     </NoticeBar>
     <WhiteSpace size="lg" />
     <NoticeBar mode="link" onClick={() => alert('1')}>
-      国庆期间余额宝收益和转出到账时间
+      Notice: The arrival time of incomes and transfers of Yu &#39;E Bao will be delayed during National Day.
     </NoticeBar>
     <WhiteSpace size="lg" />
-    <NoticeBar mode="closable" icon={null}>去除 NoticeBar 默认的喇叭图标</NoticeBar>
+    <NoticeBar mode="closable" icon={null}>Remove the default icon.</NoticeBar>
     <WhiteSpace size="lg" />
     <NoticeBar mode="closable" icon={<Icon type="check-circle-o" size="xxs" />}>
-      自定义 NoticeBar 前面的小图标
+      Customized icon.
     </NoticeBar>
   </div>
 );
diff --git a/components/notice-bar/demo/basic.tsx b/components/notice-bar/demo/basic.tsx
index c9141789ce6..941f9b5acbd 100644
--- a/components/notice-bar/demo/basic.tsx
+++ b/components/notice-bar/demo/basic.tsx
@@ -15,24 +15,30 @@ export default class NoticeBarExample extends React.Component<any, any> {
     return (
       <View style={{ marginTop: 10 }}>
         <WhiteSpace size="lg" />
-        <NoticeBar onClick={() => alert('click')}>国庆期间余额宝收益和转出到账时间</NoticeBar>
+        <NoticeBar onClick={() => alert('click')}>
+          Notice: The arrival time of incomes and transfers of Yu 'E Bao will be delayed during National Day.
+        </NoticeBar>
         <WhiteSpace size="lg" />
         <NoticeBar mode="closable" onClick={() => alert('will close')}>
-          国庆期间余额宝收益和转出到账时间1
+          Notice: The arrival time of incomes and transfers of Yu 'E Bao will be delayed during National Day.
         </NoticeBar>
         <WhiteSpace size="lg" />
         <NoticeBar
           mode="closable"
           icon={customIcon}
         >
-          自定义 NoticeBar 前面的图标
+          Customized icon.
         </NoticeBar>
         <WhiteSpace size="lg" />
-        <NoticeBar mode="link" onClick={() => alert('link')}>国庆期间余额宝收益和转出到账时间</NoticeBar>
+        <NoticeBar mode="link" onClick={() => alert('link')}>
+          Notice: The arrival time of incomes and transfers of Yu 'E Bao will be delayed during National Day.
+        </NoticeBar>
         <WhiteSpace size="lg" />
-        <NoticeBar mode="link">国庆期间余额宝收益和转出到账时间</NoticeBar>
+        <NoticeBar mode="link">
+          Notice: The arrival time of incomes and transfers of Yu 'E Bao will be delayed during National Day.
+        </NoticeBar>
         <WhiteSpace size="lg" />
-        <NoticeBar mode="closable" icon={null}>去除 NoticeBar 默认的喇叭图标</NoticeBar>
+        <NoticeBar mode="closable" icon={null}>Remove the default icon.</NoticeBar>
       </View>
     );
   }
diff --git a/components/notice-bar/index.en-US.md b/components/notice-bar/index.en-US.md
index 77ec75d3584..b99b570bc18 100644
--- a/components/notice-bar/index.en-US.md
+++ b/components/notice-bar/index.en-US.md
@@ -4,10 +4,11 @@ type: Data Display
 title: NoticeBar
 ---
 
-在导航栏下方，一般用作系统提醒、活动提醒等通知。
+The NoticeBar is aimed for displaying a system message, event notice and etc. Which is under the navigation bar.
 
-### 规则
-- 需要引起用户关注时使用，重要级别低于 Modal ，高于 Toast。
+### Rules
+
+- Be used to attract user's attension, the importance level is lower than `Modal` and higher than `Toast`.
 
 ## API
 
@@ -15,7 +16,7 @@ Support WEB, React-Native.
 
 Properties | Descrition | Type | Default
 -----------|------------|------|--------
-| mode    | 提示类型，可选`closable`,`link`   | String |  ''  |
-| icon    |  notice 前的图标  |  React.Element | `<Icon type={require('./trips.svg')} size="xxs" />`|
-| onClick    | 点击关闭或者操作区域的回调函数        | (): void |   |
-| marqueeProps (`web only`) | marquee 参数       | Object | `{loop: false, leading: 500, trailing: 800, fps: 40, style: {}}`  |
+| mode    | Type of NoticeBar, options: `closable` `link`   | String |  ''  |
+| icon    | To set the icon before notice  |  React.Element | `<Icon type={require('./trips.svg')} size="xxs" />`|
+| onClick    | A callback function, can be executed when you close the notice or click on the operating area   | (): void |   |
+| marqueeProps (`web only`) | marquee params       | Object | `{loop: false, leading: 500, trailing: 800, fps: 40, style: {}}`  |