[bug fix] Steps 修复2步样式 && 优化文档 (#274)

example/pages/steps/index.js

@@ -58,6 +58,34 @@ Page({
         text: '步骤三',
         desc: '10.03'
       }
+    ],
+    steps4: [
+      {
+          current: true,
+          done: false,
+          text: '步骤一',
+          desc: '10.01'
+        },
+        {
+          done: false,
+          current: false,
+          text: '步骤二',
+          desc: '10.02'
+        }
+    ],
+    steps5: [
+      {
+          done: true,
+          current: false,
+          text: '步骤一',
+          desc: '10.01'
+        },
+        {
+          done: false,
+          current: true,
+          text: '步骤二',
+          desc: '10.02'
+        }
     ]
   },
 

example/pages/steps/index.wxml

@@ -1,5 +1,5 @@
 <doc-page title="STEPS" without-padding>
-  <zan-panel>
+  <zan-panel title="基础用法">
     <zan-cell-group>
       <zan-cell>
         <zan-steps type="horizon" steps="{{steps}}"></zan-steps>
@@ -13,6 +13,17 @@
     </zan-cell-group>
   </zan-panel>
 
+  <zan-panel title="2步完成">
+    <zan-cell-group>
+      <zan-cell>
+        <zan-steps type="horizon" steps="{{steps4}}"></zan-steps>
+      </zan-cell>
+      <zan-cell>
+        <zan-steps type="horizon" steps="{{steps5}}"></zan-steps>
+      </zan-cell>
+      </zan-cell-group>
+  </zan-panel>
+
   <zan-panel title="有描述的steps">
     <zan-cell-group>
       <zan-cell>

packages/steps/wxss/step.pcss

@@ -15,6 +15,7 @@
   float: left;
   padding-bottom: 25px;
   color: #b1b1b1;
+  width: 100%;
 }
 
 .zan-steps--steps .zan-steps__title {