diff --git a/src/components/Trend/demo/basic.md b/src/components/Trend/demo/basic.md
index 82afcdab..63c415dc 100644
--- a/src/components/Trend/demo/basic.md
+++ b/src/components/Trend/demo/basic.md
@@ -10,7 +10,7 @@ import Trend from 'ant-design-pro/lib/Trend';
 
 ReactDOM.render(
   <div>
-    <Trend flag="up">12%</Trend>
+    <Trend flag="up" >12%</Trend>
     <Trend flag="down" style={{ marginLeft: 8 }}>11%</Trend>
   </div>
 , mountNode);
diff --git a/src/components/Trend/demo/reverse.md b/src/components/Trend/demo/reverse.md
new file mode 100644
index 00000000..143ed023
--- /dev/null
+++ b/src/components/Trend/demo/reverse.md
@@ -0,0 +1,17 @@
+---
+order: 0
+title: 颜色反转
+---
+
+在数值背后添加一个小图标来标识涨跌情况。
+
+````jsx
+import Trend from 'ant-design-pro/lib/Trend';
+
+ReactDOM.render(
+  <div>
+    <Trend flag="up" reverseColor={true} >12%</Trend>
+    <Trend flag="down" reverseColor={true} style={{ marginLeft: 8 }}>11%</Trend>
+  </div>
+, mountNode);
+````
diff --git a/src/components/Trend/index.d.ts b/src/components/Trend/index.d.ts
index fafcb05f..7dc02010 100644
--- a/src/components/Trend/index.d.ts
+++ b/src/components/Trend/index.d.ts
@@ -4,6 +4,7 @@ export interface ITrendProps {
   colorful?: boolean;
   flag: 'up' | 'down';
   style?: React.CSSProperties;
+  reverseColor?: boolean;
 }
 
 export default class Trend extends React.Component<ITrendProps, any> {}
diff --git a/src/components/Trend/index.md b/src/components/Trend/index.md
index 683ed619..eb78b96e 100644
--- a/src/components/Trend/index.md
+++ b/src/components/Trend/index.md
@@ -19,3 +19,4 @@ order: 14
 |----------|------------------------------------------|-------------|-------|
 | colorful | 是否彩色标记 | Boolean | true |
 | flag | 上升下降标识：`up|down` | string | - |
+| reverseColor | 颜色反转 | Boolean | true |