<view class="tn-steps-class tn-steps data-v-e96e5408" style="{{'flex-direction:'+(direction)+';'}}"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['clickStepItem',[index]]]]]}}" class="{{['tn-steps__item','data-v-e96e5408','tn-steps__item--'+direction]}}" bindtap="__e"><block wx:if="{{mode==='number'}}"><view class="tn-steps__item__number data-v-e96e5408" style="{{'background-color:'+(currentIndex<=index?'transparent':activeColor)+';'+('border-color:'+(currentIndex<=index?inActiveColor:activeColor)+';')}}"><text class="{{['tn-steps__item__number__text','data-v-e96e5408',[(currentIndex<=index)?'tn-steps__item__number__text--visible':'']]}}" style="{{'color:'+(currentIndex<=index?inActiveColor:activeColor)+';'}}">{{''+(index+1)+''}}</text><view class="{{['tn-steps__item__number__icon','data-v-e96e5408','tn-icon-'+(item.$orig.icon||icon),[(currentIndex>index)?'tn-steps__item__number__icon--visible':'']]}}"></view></view></block><block wx:if="{{mode==='dot'}}"><view class="tn-steps__item__dot data-v-e96e5408" style="{{'background-color:'+(currentIndex<=index?inActiveColor:activeColor)+';'}}"></view></block><block wx:if="{{mode==='icon'}}"><view class="{{['tn-steps__item__icon','data-v-e96e5408',item.m0]}}" style="{{'color:'+(currentIndex<=index?inActiveColor:activeColor)+';'}}"></view></block><block wx:if="{{mode==='dotIcon'}}"><view class="tn-steps__item__dot-icon data-v-e96e5408"><block wx:if="{{currentIndex<=index}}"><view class="tn-steps__item__dot-icon--dot data-v-e96e5408" style="{{'background-color:'+(inActiveColor)+';'}}"></view></block><block wx:else><view class="{{['tn-steps__item__dot-icon--icon','data-v-e96e5408',item.m1]}}" style="{{'color:'+(activeColor)+';'}}"></view></block></view></block><block wx:if="{{showTitle}}"><text class="{{['tn-steps__item__text','tn-text-ellipsis','data-v-e96e5408','tn-steps__item__text--'+direction]}}" style="{{'color:'+(currentIndex<=index?inActiveColor:activeColor)+';'}}">{{''+item.$orig.name+''}}</text></block><block wx:if="{{index<$root.g0-1}}"><view class="{{['tn-steps__item__line','data-v-e96e5408','tn-steps__item__line--'+mode]}}" style="{{'border-color:'+(currentIndex<=index+1?inActiveColor:activeColor)+';'}}"></view></block></view></block></view>