<wxs src="./index.wxs" module="utils" /> <view class="ant-steps ant-steps-{{ direction }} {{ className || '' }}" style="{{ style }}"> <block wx:for="{{ items }}" wx:for-index="index" wx:for-item="item"> <view class="ant-steps-item ant-steps-item-{{ direction }} {{ index < current ? 'ant-steps-item-finish' : '' }} {{ index === current ? 'ant-steps-item-active' : '' }} {{ index > current ? 'ant-steps-item-non-active' : '' }}"> <view class="ant-steps-item-indicator ant-steps-item-indicator-{{ direction }}"> <view class="ant-steps-item-indicator-icon ant-steps-item-{{ utils.getClassName(current, index, status) }}-icon"> <view class="ant-steps-item-{{ utils.getClassName(current, index, status) }}-icon-default" /> </view> </view> <view class="ant-steps-item-text"> <view class="ant-steps-item-title ant-steps-item-title-{{ utils.getClassName(current, index, status) }}"> {{ item.title }} </view> <view class="ant-steps-item-desc">{{ item.description }}</view> </view> </view> </block> </view>