uni-steps.wxml 2.5 KB

1
  1. <view class="uni-steps data-v-61dda2da"><view class="{{['data-v-61dda2da',direction==='column'?'uni-steps__column':'uni-steps__row']}}"><view class="{{['data-v-61dda2da',direction==='column'?'uni-steps__column-text-container':'uni-steps__row-text-container']}}"><block wx:for="{{options}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['data-v-61dda2da',direction==='column'?'uni-steps__column-text':'uni-steps__row-text']}}"><text class="{{['data-v-61dda2da',direction==='column'?'uni-steps__column-title':'uni-steps__row-title']}}" style="{{'color:'+(index<=active?activeColor:deactiveColor)+';'}}">{{item.status}}</text><text class="{{['data-v-61dda2da',direction==='column'?'uni-steps__column-desc':'uni-steps__row-desc']}}" style="{{'color:'+(index<=active?activeColor:deactiveColor)+';'}}">{{item.context}}</text><text class="{{['data-v-61dda2da',direction==='column'?'uni-steps__column-desc':'uni-steps__row-desc']}}" style="{{'color:'+(index<=active?activeColor:deactiveColor)+';'}}">{{item.time}}</text></view></block></view><view class="{{['data-v-61dda2da',direction==='column'?'uni-steps__column-container':'uni-steps__row-container']}}"><block wx:for="{{options}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['data-v-61dda2da',direction==='column'?'uni-steps__column-line-item':'uni-steps__row-line-item']}}"><view class="{{['data-v-61dda2da',direction==='column'?'uni-steps__column-line':'uni-steps__row-line',direction==='column'?'uni-steps__column-line--before':'uni-steps__row-line--before']}}" style="{{'background-color:'+(index<=active&&index!==0?activeColor:index===0?'transparent':deactiveColor)+';'}}"></view><block wx:if="{{index===active}}"><view class="{{['data-v-61dda2da',direction==='column'?'uni-steps__column-check':'uni-steps__row-check']}}"><uni-icons vue-id="{{'4c518d28-1-'+index}}" color="{{activeColor}}" type="checkbox-filled" size="14" class="data-v-61dda2da" bind:__l="__l"></uni-icons></view></block><block wx:else><view class="{{['data-v-61dda2da',direction==='column'?'uni-steps__column-circle':'uni-steps__row-circle']}}" style="{{'background-color:'+(index<active?activeColor:deactiveColor)+';'}}"></view></block><view class="{{['data-v-61dda2da',direction==='column'?'uni-steps__column-line':'uni-steps__row-line',direction==='column'?'uni-steps__column-line--after':'uni-steps__row-line--after']}}" style="{{'background-color:'+(index<active&&index!==options.length-1?activeColor:index===options.length-1?'transparent':deactiveColor)+';'}}"></view></view></block></view></view></view>