12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- <view
- class="{{prefix}}-step {{prefix}}-step--{{layout}} {{prefix}}-step--{{theme}}-anchor {{prefix}}-step--{{isLastChild ? 'last-child':'not-last-child'}} {{prefix}}-class {{readonly ? prefix + '-step--readonly' : ''}}"
- >
- <view class="{{classPrefix}} {{classPrefix}}--{{curStatus}}">
- <view class=" {{classPrefix}}__inner {{isLarge ? classPrefix + '__inner--large' : '' }} {{prefix}}-class-inner">
- <view class="{{classPrefix}}-wrapper">
- <!-- icon -->
- <view class="{{classPrefix}}__icon" bindtap="click">
- <view wx:if="{{isDot}}" class="{{classPrefix}}__icon-dot"></view>
- <view
- wx:elif="{{computedIcon}}"
- class="{{computedIcon === 'slot'? (classPrefix + '__icon-slot' ) : (classPrefix + '__icon-number')}} {{isLarge ? (classPrefix + '__icon-number--large') : ''}}"
- >
- <slot wx:if="{{computedIcon === 'slot'}}" name="icon" />
- <t-icon wx:else name="{{computedIcon}}" size="{{isLarge ? '24px' : '16px'}}" />
- </view>
- <view wx:else class="{{classPrefix}}__icon-number">{{index + 1}}</view>
- </view>
- <!-- content -->
- <view class="{{classPrefix}}__content {{prefix}}-class-content">
- <view class="{{classPrefix}}__title {{prefix}}-class-title">
- {{ title }}
- <slot name="title" />
- </view>
- <view class="{{classPrefix}}__description {{prefix}}-class-description">
- {{ content }}
- <slot name="content" />
- </view>
- <view class="{{classPrefix}}__extra {{prefix}}-class-extra">
- <slot name="extra" />
- </view>
- </view>
- </view>
- <!-- 垂直 子步骤条 -->
- <view
- class="{{classPrefix}}__sub-wrapper"
- wx:if="{{ layout === 'vertical' && curSubStepItems.length && !isLastChild}}"
- >
- <!-- 子步骤条默认状态:default -->
- <view
- class="{{classPrefix}}-sub {{classPrefix}}-sub-status--default {{classPrefix}}-sub-status--{{curSubStepItemsStatus[index]}} {{prefix}}-class-sub"
- wx:for="{{curSubStepItems}}"
- wx:key="key"
- wx:item="item"
- >
- <view class="{{classPrefix}}-sub-dot">
- <view class="{{classPrefix}}-sub-dot-item {{prefix}}-class-sub-dot"></view>
- </view>
- <view class="{{classPrefix}}-sub__content {{prefix}}-class-sub-content"> {{ item.title }} </view>
- </view>
- </view>
- </view>
- </view>
- </view>
|