diff --git a/examples/routers/steps.vue b/examples/routers/steps.vue
index fc26449..c08a077 100644
--- a/examples/routers/steps.vue
+++ b/examples/routers/steps.vue
@@ -60,6 +60,20 @@
         <Step title="待进行" content="这里是该步骤的描述信息"></Step>
         <Step title="待进行" content="这里是该步骤的描述信息"></Step>
     </Steps>
+    <Steps direction="vertical" :current="3">
+        <Step title="已完成" content="这里是该步骤的描述信息">
+            <div style="font-size: 16px; color: green">这里是该步骤的描述信息1</div>
+        </Step>
+        <Step title="进行中" content="这里是该步骤的描述信息">
+            <div style="font-size: 24px; color: red">这里是该步骤的描述信息2</div>
+        </Step>
+        <Step title="待进行" content="这里是该步骤的描述信息">
+            <div style="font-size: 46px; color: blue">这里是该步骤的描述信息3</div>
+        </Step>
+        <Step title="待进行" content="这里是该步骤的描述信息">
+            <div style="font-size: 24px; color: green">这里是该步骤的描述信息4</div>
+        </Step>
+    </Steps>
 </div>
 </template>
 <script>
diff --git a/src/components/steps/step.vue b/src/components/steps/step.vue
index 3ee1263..8be5431 100644
--- a/src/components/steps/step.vue
+++ b/src/components/steps/step.vue
@@ -9,7 +9,9 @@
         </div>
         <div :class="[prefixCls + '-main']">
             <div :class="[prefixCls + '-title']">{{ title }}</div>
-            <div v-if="content" :class="[prefixCls + '-content']">{{ content }}</div>
+            <slot>
+                <div v-if="content" :class="[prefixCls + '-content']">{{ content }}</div>
+            </slot>
         </div>
     </div>
 </template>
--
libgit2 0.21.4