<!--步骤条-->
|
<view class="steps">
|
<block wx:if="{{ stepsType === 'number' }}">
|
<view class="steps-item {{ index <= stepsActive && 'steps-item-active' }}" wx:for="{{ stepsData }}" wx:key="index">
|
<view class="steps-item-round" wx:if="{{ index > stepsActive }}">{{ index + 1 }}</view>
|
<view class="steps-item-round" wx:else>
|
<van-icon name="success" />
|
</view>
|
<view class="steps-item-text">{{ item }}</view>
|
<view class="steps-item-icon" wx:if="{{ index < stepsData.length - 1 }}">
|
<block wx:if="{{ index > stepsActive }}">
|
<van-icon name="{{ imgUrl }}steps-arrow.png" size="14" />
|
</block>
|
<block wx:else>
|
<van-icon custom-style="font-weight:600" name="arrow" size="14" />
|
</block>
|
</view>
|
</view>
|
</block>
|
<block wx:else>
|
<view class="steps-item {{ index <= stepsActive && 'steps-item-active' }}" wx:for="{{ stepsData }}" wx:key="index">
|
<view class="steps-item-round" wx:if="{{ index > stepsActive }}">
|
<view class="steps-item-number">{{item.number}}</view>
|
</view>
|
<view class="steps-item-round" wx:if="{{ index === stepsActive }}">
|
<view class="steps-item-number">{{item.number}}</view>
|
</view>
|
<view class="steps-item-round1" wx:if="{{ index < stepsActive }}">
|
<van-icon name="success" />
|
</view>
|
<view class="steps-item-text">{{ item.title }}</view>
|
<view class="steps-item-icon" wx:if="{{ index < stepsData.length - 1 }}">
|
<block wx:if="{{ index > stepsActive }}">
|
<view class="steps-item-line"></view>
|
</block>
|
<block wx:else>
|
<view class="steps-item-hoverLine"></view>
|
</block>
|
</view>
|
</view>
|
</block>
|
</view>
|