<view class="dk-card-outer-class">
  <view class="dk-card-class">
    <view class="steps-container">
      <view class="steps">
        <view class="step-line-1"></view>
        <view wx:for="{{steps}}" wx:key="index" class="step {{item.status}}" data-id="{{index}}">

          <view class="step-icon">

            <view wx:if="{{item.status === 1}}" catch:tap="handleClickStep" data-index="{{index}}" style="display: flex;align-items: center;justify-content:center; width: 60rpx;height: 60rpx; background-color: #1B365D;padding:10rpx;border-radius: 50%;color: white;">{{item.no}}</view>
            <!-- <view wx:elif="{{item.status === 'completed'}}">2</view> -->
            <view wx:else catch:tap="handleClickStep" data-index="{{index}}" style="display: flex;align-items: center;justify-content:center; width: 60rpx;height: 60rpx; padding:10rpx;border-radius: 50%;color: #1B365D;background-color: #F8F8F8;">{{item.no}}</view>


            <view class="step-line" wx:if="{{index !== steps.length - 1}}"></view>
          </view>
          <view class="step-title">{{item.title}}</view>
        </view>
        <view class="step-line-2"></view>
      </view>
    </view>


    <view style="padding:20rpx;padding-left: 30rpx;padding-right: 30rpx; font-size: 26rpx;color: #1B365D;line-height: 40rpx;">{{stepsText}}</view>
  </view>

</view>

<view class="dk-card-outer-class">
  <view class="dk-card-class">

    <view wx:for="{{stepsItems}}">
      <van-cell is-link label="{{item.label}}"  border="{{ false }}" data-item="{{item}}" bind:tap="chickStepsItem">
        <view slot="title" style="display: flex;font-size: 30rpx;">
          <view>{{item.title}}</view>
          <view catch:tap="openBeginnerGuide"  data-item="{{item}}"  style="margin-left: 40rpx;color: #56CBD4;">{{item.desc}}</view>
        </view>
      </van-cell>
    </view>
  </view>
</view>