diff --git a/examples/pages/steps/index.wxml b/examples/pages/steps/index.wxml
index d565bd0..fb15b02 100644
--- a/examples/pages/steps/index.wxml
+++ b/examples/pages/steps/index.wxml
@@ -111,4 +111,60 @@
             </view>
         </i-step>
     </i-steps>
+	
+        <view class="one-tag">横向反方向</view>
+    <i-steps current="{{verticalCurrent}}" reverse>
+        <i-step>
+            <view slot="title">
+                  已完成
+            </view>
+            <view slot="content">
+                这里是该步骤的描述信息
+            </view>
+        </i-step>
+        <i-step>
+            <view slot="title">
+                进行中
+            </view>
+            <view slot="content">
+                这里是该步骤的描述信息
+            </view>
+        </i-step>
+        <i-step>
+            <view slot="title">
+                错误
+            </view>
+            <view slot="content">
+                这里是该步骤的描述信息
+            </view>
+        </i-step>
+    </i-steps>
+	
+    <view class="one-tag">垂直反方向</view>
+    <i-steps current="{{verticalCurrent}}" direction="vertical" reverse>
+        <i-step>
+            <view slot="title">
+                  已完成
+            </view>
+            <view slot="content">
+                这里是该步骤的描述信息
+            </view>
+        </i-step>
+        <i-step>
+            <view slot="title">
+                进行中
+            </view>
+            <view slot="content">
+                这里是该步骤的描述信息
+            </view>
+        </i-step>
+        <i-step>
+            <view slot="title">
+                错误
+            </view>
+            <view slot="content">
+                这里是该步骤的描述信息
+            </view>
+        </i-step>
+    </i-steps>
 </view>
\ No newline at end of file
diff --git a/src/step/index.js b/src/step/index.js
index 06a81a2..9e6b5e4 100644
--- a/src/step/index.js
+++ b/src/step/index.js
@@ -44,7 +44,8 @@ Component({
                 len : options.len,
                 index : options.index,
                 current : options.current,
-                direction : options.direction
+                direction : options.direction,
+				reverse: options.reverse
             })
         }
     }
diff --git a/src/step/index.wxml b/src/step/index.wxml
index 63549dc..419662a 100644
--- a/src/step/index.wxml
+++ b/src/step/index.wxml
@@ -1,10 +1,10 @@
-<view class="i-class i-step-item {{parse.getClass(status,current,index)}} {{ direction === 'vertical' ? 'i-step-vertical' : 'i-step-horizontal' }}" style="{{parse.getItemStyle(len,direction)}}">
+<view class="i-class i-step-item {{parse.getClass(status,current,index)}} {{ direction === 'vertical' ? 'i-step-vertical' : 'i-step-horizontal' }}" style="{{parse.getItemStyle(len,direction,reverse)}}">
     <view class="i-step-item-ico">
         <view class="i-step-ico" wx:if="{{parse.noIco(status,current,index,icon)  }}">{{ index+1 }}</view>
         <view class="i-step-ico" wx:else>
             <i-icon i-class="i-step-ico-in" type="{{parse.getIcoClass(status,icon)}}"></i-icon>
         </view>
-        <view class="i-step-line" wx:if="{{ index !== len - 1 }}"></view>
+        <view class="i-step-line" wx:if="{{ index !== (!reverse ? len - 1 : 0) }}"></view>
     </view>
     <view class="i-step-item-main">
         <view class="i-step-item-title" wx:if="{{title !== ''}}">
@@ -44,8 +44,8 @@ module.exports = {
         }
         return class;
     },
-    getItemStyle : function(len,direction){
-        if( direction === 'horizontal' ){
+    getItemStyle : function(len,direction,reverse){
+        if( direction === 'horizontal' && !reverse ){
             return 'width :'+100/len + '%';
         }else{
             return 'width : 100%;';
diff --git a/src/steps/index.js b/src/steps/index.js
index 06bed88..5cab7ea 100644
--- a/src/steps/index.js
+++ b/src/steps/index.js
@@ -15,7 +15,11 @@ Component({
             type : String,
             //value has horizontal or vertical 
             value : 'horizontal'
-        } 
+        },
+        reverse : {
+            type : Boolean,
+            value : false
+        }
     },
     relations : {
         '../step/index' : {
@@ -41,7 +45,8 @@ Component({
                         len : len,
                         index : index,
                         current : this.data.current,
-                        direction : this.data.direction
+                        direction : this.data.direction,
+						reverse : this.data.reverse
                     });
                 });
             }
diff --git a/src/steps/index.less b/src/steps/index.less
index 41585e8..8820f1e 100644
--- a/src/steps/index.less
+++ b/src/steps/index.less
@@ -2,4 +2,16 @@
 @import "../styles/_mixins.less";
 .i-steps{
     width: 100%;
+}
+
+.i-steps-horizontal-reverse{
+    width: 100%;
+	display: flex;
+	flex-direction: row-reverse;
+}
+
+.i-steps-vertical-reverse{
+    width: 100%;
+	display: flex;
+	flex-direction: column-reverse;
 }
\ No newline at end of file
diff --git a/src/steps/index.wxml b/src/steps/index.wxml
index d9c7942..039c2e6 100644
--- a/src/steps/index.wxml
+++ b/src/steps/index.wxml
@@ -1,3 +1,3 @@
-<view class="i-class i-steps">
+<view class="i-class {{ !reverse ? 'i-steps' : (direction === 'vertical' ? 'i-steps-vertical-reverse' : 'i-steps-horizontal-reverse') }}">
     <slot></slot>
 </view>