12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <import-sjs
- from="./index.sjs"
- name="utils" />
- <view
- class="ant-steps ant-steps-{{direction}} {{className ? className : ''}}"
- style="{{style}}">
- <view
- a:for="{{items}}"
- 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">
- <slot
- name="icon"
- value="{{item}}"
- index="{{index}}"
- current="{{current}}"
- status="{{status}}">
- <view
- class="ant-steps-item-{{utils.getClassName(current, index, status)}}-icon-default" />
- </slot>
- </view>
- </view>
- <view class="ant-steps-item-text">
- <view
- class="ant-steps-item-title ant-steps-item-title-{{utils.getClassName(current, index, status)}}">
- <slot
- name="title"
- value="{{item}}"
- index="{{index}}">
- {{item.title}}
- </slot>
- </view>
- <view class="ant-steps-item-desc">
- <slot
- name="description"
- value="{{item}}"
- index="{{index}}">
- {{item.description}}
- </slot>
- </view>
- </view>
- </view>
- </view>
|