feat(Steps): add inactive-icon prop (#1972)

example/pages/steps/index.wxml

@@ -14,6 +14,7 @@
     active="{{ active }}"
     active-icon="success"
     active-color="#38f"
+    inactive-icon="arrow"
   />
 </demo-block>
 

packages/steps/README.md

@@ -78,6 +78,7 @@ Page({
 | direction | 显示方向，可选值为 `horizontal` `vertical` | *string* | `horizontal` |
 | active-color | 激活状态颜色 | *string* | `#07c160` |
 | active-icon | 激活状态底部图标，可选值见 Icon 组件 | *string* | `checked` |
+| inactive-icon | 未激活状态底部图标，可选值见 Icon 组件 | *string* | - |
 
 ### 外部样式类
 

packages/steps/index.ts

@@ -17,6 +17,7 @@ VantComponent({
     activeIcon: {
       type: String,
       value: 'checked'
-    }
+    },
+    inactiveIcon: String
   }
 });

packages/steps/index.wxml

@@ -12,7 +12,11 @@
         <view>{{ item.desc }}</view>
       </view>
       <view class="van-step__circle-container">
-        <view class="van-step__circle" wx:if="{{ index !== active }}" style="{{ index < active ? 'background-color: ' + activeColor : '' }}" />
+        <block wx:if="{{ index !== active }}">
+          <van-icon wx:if="{{ inactiveIcon }}" name="{{ inactiveIcon }}" color="#969799" size="12px" />
+          <view wx:else class="van-step__circle" style="{{ index < active ? 'background-color: ' + activeColor : '' }}" />
+        </block>
+
         <van-icon wx:else name="{{ activeIcon }}" color="{{ activeColor }}" custom-class="van-step__active" />
       </view>
       <view wx:if="{{ index !== steps.length - 1 }}" class="van-step__line" style="{{ index < active ? 'background-color: ' + activeColor : '' }}" />