YouTuan_wxapp/compone/order-card2/order-card2.wxml

<!--compone/order-card/order-card.wxml-->
<!-- 商品数量不为1 -->
<view class="lately" style="width: {{width + 'rpx'}};" wx:if="{{cardData.commodity_list.length != 1}}">
	<view class="late-body">
		<!-- 拼团名称 -->
		<view class="late-title">{{cardData.gang_name}}</view>
		<!-- 发布时间到截至时间 -->
		<view style="font-size: 28rpx;">{{cardData.opening_time}} 到 {{cardData.closing_time}}</view>
		<!-- 进度条 -->
		<view class="late-progress">
			<van-progress percentage="{{cardData.speed_progress}}" inactive="{{cardData.status == 0}}" stroke-width="8" show-pivot="{{false}}" color="#FF874E" track-color="#FF874E70" />
		</view>
		<!-- 倒计时 -->
		<view class="late-time" style="color: {{cardData.status == 0?'#989898':''}};">
			<count-down format="{DD}天{HH}时{mm}分{ss}秒" endTime="{{cardData.time1 * 1000}}"></count-down>
		</view>
		<!-- 用户信息 -->
		<view class="late-content">
			<view class="late-c-b">
				<van-image round width="50rpx" style="margin-top: 8rpx;" fit="cover" height="50rpx" src="{{cardData.headimg}}" />
				<p>{{cardData.name}}</p>
			</view>
			
			<p class="late-c-p" wx:if="{{cardData.status == 1}}">拼团中</p>
			<p class="late-c-p" style="color: #989898;" wx:elif="{{cardData.status == 2}}">未发布</p>
			<p class="late-c-p" wx:else style="color: #989898;">已截团</p>
		</view>
		<!-- 商品图片 -->
		<view class="late-items">
			<scroll-view class="late-scroll" scroll-x="true">
				<van-image radius="10" width="70" height="70" src="{{items.commodity_img}}" wx:for="{{cardData.commodity_list}}" wx:key="{{index}}" wx:for-item="items" class="late-img" wx:key="indexs" />
			</scroll-view>
			<view class="late-num">
				<p>共{{cardData.commodity_number}}件</p>
				<image src="/images/go.png"></image>
			</view>
		</view>
	</view>
</view>
<!-- 商品数量为1 -->
<view class="lately-1" style="width: {{width + 'rpx'}};" wx:if="{{cardData.commodity_list.length == 1}}">
	<view class="late1-body">
		<!-- 商品图片 -->
		<van-image radius="10" width="115" height="115" src="{{cardData.commodity_list[0].commodity_img}}" />
		<view class="late1-cont">
			<!-- 拼团名称 -->
			<view class="late1-title">
				{{cardData.gang_name}}
			</view>
			<view style="font-size: 22rpx;margin-top:4rpx">开团时间：{{cardData.opening_time}}</view>
			<view style="font-size: 22rpx;margin-top:4rpx;margin-bottom:4rpx;">截止时间：{{cardData.closing_time}}</view>
			<!-- 进度条 -->
			<view class="late1-progress">
				<van-progress percentage="{{cardData.speed_progress}}" inactive="{{cardData.status == 0}}" stroke-width="8" show-pivot="{{false}}" color="#FF874E" track-color="#FF874E70" />
			</view>
			<!-- 倒计时 -->
			<view class="late1-time" style="color: {{cardData.status == 0?'#989898':''}};">
				<count-down format="{DD}天{HH}时{mm}分{ss}秒" endTime="{{cardData.time1 * 1000}}"></count-down>
			</view>
			<!-- 用户信息 -->
			<view class="late1-content">
				<view class="late1-c-b">
					<van-image round width="50rpx" style="margin-top: 8rpx;" fit="cover" height="50rpx" src="{{cardData.headimg}}" />
					<p>{{cardData.name}}</p>
				</view>
				<p class="late1-c-p" wx:if="{{cardData.status == 1}}">拼团中</p>
			<p class="late-c-p" style="color: #989898;" wx:elif="{{cardData.status == 2}}">未发布</p>
				<p class="late1-c-p" wx:else style="color: #989898;">已截团</p>
			</view>
		</view>
	</view>
</view>