edu-mini/pages/recommand/components/recommand-card/recommand-card.wxml

<view class="container">
    <view class="card">
        <view class="ivlist_title">
            <view class="tag1 tag" wx:if="{{isComplete&&item.item_status==classStatusEnum.NO_START}}">未开班</view>
            <view class="tag2 tag" wx:if="{{isComplete&&item.item_status==classStatusEnum.RUNNING}}">进行中</view>
            <view class="tag3 tag" wx:if="{{isComplete&&item.item_status==classStatusEnum.HISTORY}}">已结束</view>
            <view class="card-title van-ellipsis">{{item.item_name}}</view>
        </view>
        <view>
            <view class="ivlist_subt">
                报名时长：
                <view class="sub-value">截止{{item.item_start}}</view>
            </view>
            <view class="ivlist_subt">
                项目描述：
                <view class="sub-value">{{item.item_describe || '无'}}</view>
                <van-button round color="linear-gradient(45deg, #FF7B60 0%, #FFAD8E 100%)"
                            custom-class="btn" size="mini" wx:if="{{!isComplete}}">预约项目
                </van-button>
            </view>
        </view>
    </view>
    <view class="card-img">
        <van-image width="188rpx" height="150rpx" fit="cover" radius="10rpx" src="{{item.teamUrl}}"/>
        <view class="img-tag">
            {{item.stuNum}}人预约
        </view>
    </view>
</view>