提交

liuwh

2024-09-07 d7ca134342a0a2004d9c15fab49fd0a41557e29c

 gz-wxparty/components/steps/index.wxml

@@ -1,39 +1,42 @@
<!--步骤条-->
<view class="steps">
   <block wx:if="{{ stepsType === 'number' }}">
      <view class="steps-item {{ index <= stepsActive && 'steps-item-active' }}" wx:for="{{ stepsData }}" wx:key="index">
         <view class="steps-item-round" wx:if="{{ index > stepsActive }}">{{ index + 1 }}</view>
         <view class="steps-item-round" wx:else>
            <van-icon name="success" />
         </view>
         <view class="steps-item-text">{{ item }}</view>
         <view class="steps-item-icon" wx:if="{{ index < stepsData.length - 1 }}">
            <block wx:if="{{ index > stepsActive }}">
               <van-icon name="{{ imgUrl }}steps-arrow.png" size="14" />
            </block>
            <block wx:else>
               <van-icon name="{{ imgUrl }}steps-arrow-active.png" size="14" />
            </block>
         </view>
      </view>
   </block>
   <block wx:else>
      <view class="steps-item {{ index <= stepsActive && 'steps-item-active' }}" wx:for="{{ stepsData }}" wx:key="index">
         <view class="steps-item-round" wx:if="{{ index > stepsActive }}">
            <van-icon name="{{ imgUrl }}{{ item.icon }}" />
         </view>
         <view class="steps-item-round" wx:else>
            <van-icon name="{{ imgUrl }}{{ item.activeIcon }}" />
         </view>
         <view class="steps-item-text">{{ item.title }}</view>
         <view class="steps-item-icon" wx:if="{{ index < stepsData.length - 1 }}">
            <block wx:if="{{ index > stepsActive }}">
               <van-icon name="{{ imgUrl }}steps-arrow.png" size="14" />
            </block>
            <block wx:else>
               <van-icon name="{{ imgUrl }}steps-arrow-active.png" size="14" />
            </block>
         </view>
      </view>
   </block>
</view>
  <block wx:if="{{ stepsType === 'number' }}">
    <view class="steps-item {{ index <= stepsActive && 'steps-item-active' }}" wx:for="{{ stepsData }}" wx:key="index">
      <view class="steps-item-round" wx:if="{{ index > stepsActive }}">{{ index + 1 }}</view>
      <view class="steps-item-round" wx:else>
        <van-icon name="success" />
      </view>
      <view class="steps-item-text">{{ item }}</view>
      <view class="steps-item-icon" wx:if="{{ index < stepsData.length - 1 }}">
        <block wx:if="{{ index > stepsActive }}">
          <van-icon name="{{ imgUrl }}steps-arrow.png" size="14" />
        </block>
        <block wx:else>
          <van-icon name="{{ imgUrl }}steps-arrow-active.png" size="14" />
        </block>
      </view>
    </view>
  </block>
  <block wx:else>
    <view class="steps-item {{ index <= stepsActive && 'steps-item-active' }}" wx:for="{{ stepsData }}" wx:key="index">
      <view class="steps-item-round" wx:if="{{ index > stepsActive }}">
        <view class="steps-item-number">{{item.number}}</view>
      </view>
      <view class="steps-item-round" wx:if="{{ index === stepsActive }}">
        <view class="steps-item-number">{{item.number}}</view>
      </view>
      <view class="steps-item-round1" wx:if="{{ index < stepsActive }}">
        <van-icon name="success" />
      </view>
      <view class="steps-item-text">{{ item.title }}</view>
      <view class="steps-item-icon" wx:if="{{ index < stepsData.length - 1 }}">
        <block wx:if="{{ index > stepsActive }}">
          <view class="steps-item-line"></view>
        </block>
        <block wx:else>
          <view class="steps-item-hoverLine"></view>
        </block>
      </view>
    </view>
  </block>
</view>