| | |
| | | :class="[`u-steps-item__line--${parentData.direction}`]" :style="[lineStyle]"></view> |
| | | <view class="u-steps-item__wrapper" |
| | | :class="[`u-steps-item__wrapper--${parentData.direction}`, parentData.dot && `u-steps-item__wrapper--${parentData.direction}--dot`]" |
| | | :style="[itemStyle]"> |
| | | :style="[itemStyleInner]"> |
| | | <slot name="icon"> |
| | | <view class="u-steps-item__wrapper__dot" v-if="parentData.dot" :style="{ |
| | | backgroundColor: statusColor |
| | |
| | | </view> |
| | | <view class="u-steps-item__content" :class="[`u-steps-item__content--${parentData.direction}`]" |
| | | :style="[contentStyle]"> |
| | | <slot name="content"> |
| | | </slot> |
| | | <template v-if="!$slots['content']"> |
| | | <up-text :text="title" :type="parentData.current == index ? 'main' : 'content'" lineHeight="20px" |
| | | :size="parentData.current == index ? 14 : 13"></up-text> |
| | | <slot name="desc"> |
| | | <up-text :text="desc" type="tips" size="12"></up-text> |
| | | </slot> |
| | | </template> |
| | | </view> |
| | | <!-- <view |
| | | class="u-steps-item__line" |
| | |
| | | .current ? this.parentData.activeColor : this.parentData.inactiveColor |
| | | return style |
| | | }, |
| | | itemStyle() { |
| | | itemStyleInner() { |
| | | return { |
| | | ...this.itemStyle |
| | | } |