index.wxml

<!-- 商品列表item -->
<!-- {{items.loadState}}--{{items.loadProductImgUrl}}--{{items.productImgUrl}} -->
<!-- <view wx:if="{{items && datas.componentData['style'] == 'list' &&  items.loadState == false}}">
	<view class="skeleton-animate">
    	<view class="skeleton-bg skeleton-img"></view>
        <view class="skeleton-bg skeleton-title"></view>
		<view class="skeleton-bg skeleton-detail"></view>
		<view class="skeleton-bg skeleton-price"></view>
    </view>
</view> -->

<view
 class="goodsItem {{datas.componentData.style==='rowList'?'goodsRowList':''}} {{datas.componentData.style==='heap'?'goodsRowList goodsHeapItem':''}}"
 style="--proGap2:{{datas.componentData.proGap*2}}rpx;"
 bindtap="onclickProduct"
>
	<view class="goods-item-child {{datas.componentData['borderColorShow']?'goods-item-child-bd':''}}" style="border-radius:{{datas.componentData.borderRadius*2}}rpx;--border_color:{{datas.componentData['borderColor']}};box-shadow:{{datas.componentData['cardShadow']?'0rpx 0rpx 10rpx '+datas.componentData['cardShadowSize']*2+'rpx #ccc':''}};">
		<!-- 商户入口-顶部 -->
		<view
		 class="merchantsEntrance flex"
		 bindtoMerchants="toMerchants"
		 wx:if="{{datas.componentData['merchantsEntrance'] && datas.componentData['merchantsEntranceType'] == 0 && datas.componentData.style!='heap'}}"
		>
			<view class="left flex" wx:if="{{items != null}}">
				<view class="logo">
					<image mode='widthFix' src="{{items.shopLogoUrl}}" />
				</view>
				<view class="name">{{items.orgName}}</view>
			</view>
		</view>
		<!-- 商品图片 -->
		<view class="imgBox" style="background-color:{{datas.componentData['backgroundColorShow']?datas.componentData['backgroundColor']:''}}">
			<view
			 class="goodsPicture"
			 wx:if="{{items!=null}}"
			 style="padding:{{datas.componentData.imgSize}}"
			>
				 <!-- 秒杀活动 -->
        <block wx:if="{{items && items.secondKillActivityInfoGoodsList}}">
          <view class="secKillBanner" style="border-radius:{{datas.componentData.borderRadius*2}}rpx 0 {{datas.componentData.borderRadius*2}}rpx 0">
						<image class="seckill-image" src="../../../svg/seckill.svg"></image>
            <block wx:if="{{!isBeginSecKill}}">{{ currentSecKillInfo.formatTime || "" }}</block>
            <block wx:else>
              <block wx:if="{{!isLessTenHour}}">正在抢购中</block>
              <block wx:else>
                <van-count-down
									use-slot
                  time="{{currentSecKillInfo.restTime}}"
									bind:finish="handleSecFinish"
                  bind:change="onSecRestTimeChange"
                >
									<view style="color: #fff;font-size: 24rpx;">
										距结束还剩 {{secRestTime.hours}}:{{secRestTime.minutes}}:{{secRestTime.seconds}}
									</view>
                </van-count-down>
              </block>
            </block>
          </view>
        </block>
				<!-- 开启售卖 -->
				<view class="saleWay" wx:if="{{items.saleWay==2 && items.getSaleTime>0 && datas.componentData.style!='heap'}}">
					<view class="saleWayBg"></view>
					<view class="saleTime">
						<van-count-down
						 use-slot
						 time="{{items.getSaleTime}}"
						 bind:change="onChange"
						>
							<text>距开售:</text>
							<text class="block">{{ timeData.days }}</text>
							<text class="colon">天</text>
							<text class="block">{{ timeData.hours }}</text>
							<text class="colon">时</text>
							<text class="block">{{ timeData.minutes }}</text>
							<text class="colon">分</text>
							<text class="block">{{ timeData.seconds }}</text>
							<text class="colon">秒</text>
						</van-count-down>
					</view>

				</view>
				<!-- 商品角标 -->
				<view
				 class="angleSign"
				 style="width:{{datas.componentData.angleSignSize}}%;height:{{datas.componentData.angleSignSize}}%;"
				 wx:if="{{datas.componentData['angleSign'] && datas.componentData['angleSignImg']}}"
				>
					<image mode="widthFix" src="{{datas.componentData['angleSignImg']}}" />
				</view>
				<!-- 商品主图 -->
				<image
				 lazy-load
				 mode="{{imgFillType}}"
				 class="productImgUrl {{datas.componentData.imgShowMode == 1 && datas.componentData.style === 'waterfall'?'maxHeight':''}}"
				 binderror="errorFunction"
				 wx:if="{{datas.componentData.goodsImgType == 1}}"
				 src="{{items.productImgUrl}}"
				/>
				<image
				 lazy-load
				 mode="{{imgFillType}}"
				 class="productImgUrl {{datas.componentData.imgShowMode == 1 && datas.componentData.style === 'waterfall'?'maxHeight':''}}"
				 binderror="errorFunction"
				 wx:else
				 src="{{items.coverImage}}"
				/>
				<!-- 售罄遮罩 -->
				<view class="whiteBg" wx:if="{{items&&items.oversoldFlag==0&&items.totalQty-0<=0}}">
					<view class="cover">
						<image mode="aspectFit" src="http://mayi-newshop.oss-cn-shanghai.aliyuncs.com/public/png/f254fe62-6dda-46f6-a2f4-a7b2aa0474df.png" />
					</view>
				</view>
			</view>
		</view>
		<!-- 商品详情 -->
		<view class="info" style="text-align:{{datas.componentData['initcharAlign']}};">
			<view class="itemNo" wx:if="{{datas.componentData['itemNo']}}">{{items.productCode}}</view>
			<view class="info-top flex">
				<view
				 class="{{datas.componentData.style === 'swipe' ? 'line-clamp1' : 'name'}}"
				 wx:if="{{datas.componentData['nameShow']}}"
				 style="color:{{datas.componentData['nameColor']}};font-weight:{{datas.componentData['nameFontWeight']}};font-size:{{datas.componentData['nameFontSize']}}em;"
				>
					{{items!=null?items['productName']:'名称'}}
				</view>
				<view
				 class="follower-wrap"
				 wx:if="{{datas.componentData['followerShow']}}"
				 style="padding-left:{{datas.componentData.columnNum == 3 ? '0' : '20rpx'}}"
				>
					<view class="follower-num" style="color:{{datas.componentData['followerColor']?datas.componentData['followerColor']:'#ff9933'}};">
						{{items!=null? items['totalCollectionCount']:0}}
					</view>
					<view class="follower-text">关注人数</view>
				</view>
			</view>
			<view class="attributeValueList flex" wx:if="{{items!=null && items.attributeValueList && items.attributeValueList.length>0}}">
				<view class="item" wx:for="{{items.attributeValueList}}" wx:key="index">{{item}}</view>
			</view>
			<!-- 已售 -->
			<view class="Sold">
				<text wx:if="{{datas.componentData['alSaleShow']}}">已售{{items!=null ? items['totalSalesCount'] :0}}件</text>
				<text wx:if="{{datas.componentData['alSaleShow'] && datas.componentData['collectShow']}}">/</text>
				<text wx:if="{{datas.componentData['collectShow']}}">剩余{{items!=null && items['qty']!=undefined ? (items['qty'] > 0 ? items['qty']: items.oversoldFlag==1?'数量充足':'数量不足') : ''}}<text wx:if="{{items!=null && (items['qty'] ? items['qty'] >= 0 : items['saleQty'] >= 0) && items.oversoldFlag!=1}}">件</text>
				</text>
			</view>
			<!-- 标签 -->
			<view class="marketing flex" wx:if="{{datas.componentData['marketingTag']&&datas.componentData['marketingStyle']==0&&items.marketingTag}}">
				<view
				 class="item"
				 wx:for="{{items.marketingTag}}"
				 wx:key="index"
				>
					{{item.label}}
				</view>
			</view>
			<view class="purchased" wx:if="{{items!= null && items.purchased && datas.componentData['purchased']}}">已加购</view>
			<!-- 底部 -->
			<view class="bottom" wx:if="{{datas.componentData['goodsType'] !=1}}">
				<!-- 价格 -->
				<view class="priceItem flex" style="flex-wrap:{{items && items.secondKillActivityInfoGoodsList ? 'wrap' : 'nowrap'}};justify-content:{{priceTextStyle}}">
					<!-- 砍价展示 -->
					<block wx:if="{{items && items.cutActivityGoodsList && items.cutActivityGoodsList.length != 0 && items.cutActivityGoodsList[0].status == 2}}">
						<view class="flex cut-price__wrapper">
							<view class="cut-price__min" style="color:{{datas.componentData['priceColor']}};font-size:{{datas.componentData['priceFontSize']}}em;">￥{{ cutPrice }}</view>
							<text style="font-size:24rpx;color:#999;text-decoration:line-through;margin-left:12rpx;">￥{{items.minPrice}}</text>
							<view class="cut-price__tag">砍价享</view>
						</view>
					</block>
					<!-- 秒杀展示 -->
          <block wx:elif="{{items && items.secondKillActivityInfoGoodsList}}">
            <view class="flex" style="margin: 12rpx 0 6rpx;align-items: center;width: 100%;">
              <view style="color:{{datas.componentData['priceColor']}};font-size:{{datas.componentData['priceFontSize']}}em;">
                ￥{{ currentSecKillInfo.spikePrice }}
              </view>
              <view class="secKillTag">秒杀价</view>
            </view>
            <view style="color: #999;font-size: 24rpx;margin-bottom: 6rpx;">
              ￥{{ currentSecKillInfo.originPrice }}
            </view>
          </block>
					<view
					 class="price flex"
					 style="color:{{datas.componentData['priceColor']}};font-size:{{datas.componentData['priceFontSize']}}em;"
					 wx:elif="{{datas.componentData['priceShow']}}"
					>
						<text>￥{{items!=null ? items['minPrice']:0}}</text>
						<text style="font-size:24rpx;color:#999;text-decoration:line-through;" wx:if="{{items!=null&&datas.componentData['priceMarking']&&items['minGoodsSuggestedRetailPrice']&&(items['minPrice']-0<items['minGoodsSuggestedRetailPrice']-0)&&datas.componentData['columnNum']<3}}">￥{{items['minGoodsSuggestedRetailPrice']}}</text>
					</view>
					<view class="vipPrice2 flex" wx:if="{{datas.componentData.vipPrice}}">
						<view class="left" wx:if="{{items.showVipPrice==true}}">
							￥{{items['minPriceAfterRecommendedCardPriceTable']}}
						</view>
						<view class="vipIcon line-clamp1" wx:if="{{items.showVipTag==true}}">
							{{items["recommendedCardMinPricePriceTableName"]}}
						</view>
					</view>
				</view>
				<!-- 收益样式一 -->
				<block wx:if="{{items!=null&&items['minProductGoodsCommission']&&items['minProductGoodsCommission']-0>0.01}}">
					<view
					 class="showCommission"
					 style="color:{{datas.componentData.commissionColor}};border-color:{{datas.componentData.commissionColor}};"
					 wx:if="{{datas.componentData.commissionStyle==0}}"
					>
						<view class="commission-box" style="background-color:{{datas.componentData.commissionBgColor}}">
							<text>收益</text>
							<text>￥{{items['minProductGoodsCommission']}}</text>
						</view>
					</view>
				</block>
				<!-- 立即购买按钮 -->
				<view
				 class="buy-now"
				 style="background-color:#aaa;font-size:24rpx;"
				 wx:if="{{items&&items.oversoldFlag==0&&items.totalQty-0<=0 && datas.componentData['paynow']}}"
				>
					已售罄
				</view>
				<view wx:if="{{(items&&items.totalQty-0>0||items&&items.oversoldFlag==1)&& datas.componentData['paynow']}}" catchtap="onclickBuynow">
					<text wx:if="{{datas.componentData.btnType<6}}" style="color:{{datas.componentData.btnColor}}" class="buy-now-icon iconfont-common {{datas.componentData.btnIcon}}"></text>
					<view
					 wx:else
					 class="buy-now"
					 style="background-color:{{datas.componentData.btnColor}};font-size:24rpx;"
					>
						{{datas.componentData.btnTest}}
					</view>
				</view>
				<view class="start" wx:if="{{datas.componentData['collectFlag']}}" catchtap="toStart">
					<text style="color:{{datas.componentData.btnColor}}" class="buy-now-icon iconfont-common {{items.collectFlag?'common-iconaixin':'common-iconaixin1'}}"></text>
			</view>
			<!-- 底部展示标签列表 -->
			<block wx:if="{{items!=null}}">
				<view class="marketing flex" wx:if="{{datas.componentData.marketingTag&&datas.componentData.marketingStyle==1&&items.marketingTag}}">
					<view
					 class="item"
					 wx:for="{{items.marketingTag}}"
					 wx:key="index"
					>
						{{item.label}}
					</view>
				</view>
			</block>
			<!-- 收益样式二 -->
			<block wx:if="{{items!=null&&items['minProductGoodsCommission']&&items['minProductGoodsCommission']-0>0.01}}">
				<view
				 class="showCommissionTwo flex"
				 wx:if="{{datas.componentData.commissionStyle==1}}"
				 style="color:{{datas.componentData.commissionColor}};border-color:{{datas.componentData.commissionColor}};"
				>
					<view class="commission-box" style="background-color:{{datas.componentData.commissionBgColor}}">
						<text class="iconfont-common common-iconfenxiang"></text>
						<text style="padding:0 8rpx;">赚￥</text>
						<text style="font-size:32rpx;">{{items['minProductGoodsCommission']}}</text>
					</view>
				</view>
			</block>
		</view>
		<!-- 商户入口二 -->
		<view
		 class="merchantsEntrance flex"
		 bindtoMerchants="toMerchants"
		 wx:if="{{datas.componentData.merchantsEntrance&&datas.componentData.merchantsEntranceType==1 && datas.componentData.style!='heap'}}"
		>
			<view class="left flex" wx:if="{{items!=null}}">
				<view class="logo">
					<image mode='widthFix' src="http://test-bucket-ant.oss-cn-shanghai.aliyuncs.com/product/ppefWK8BS6.png?x-oss-process=image/resize,limit_1,w_150,h_150" />
				</view>
				<view class="name">{{items.orgName}}</view>
			</view>
		</view>
	</view>
</view>
</view>