edu-mini/components/time-line/time-line.wxml

<view class="container">
    <view class="plan-line" wx:if="{{status == courseStatusEnum.NO_START}}">
        <view class="line"></view>
        <view class="line-icon"></view>
        <view class="line"></view>
    </view>
    <view class="plan-line" wx:if="{{status == courseStatusEnum.START}}">
        <view class="line-active"></view>
        <view class="line-icon-active"></view>
        <view class="line-active"></view>
    </view>
    <view class="plan-line" wx:if="{{status == courseStatusEnum.COMPLETE}}">
        <view class="line-active"></view>
        <van-image width="41rpx" height="41rpx" src="/images/ic_plan_complete.png" class="plan-complete-img"/>
        <view class="line-active"></view>
    </view>

    <slot></slot>
</view>