index.wxml

<!-- 商品列表组件 -->
<view class="goodsList" style="padding-top:{{datas.componentData.paddingList[0].value*2}}rpx;padding-bottom:{{datas.componentData.paddingList[1].value*2}}rpx;padding-left:{{datas.componentData.paddingList[2].value*2}}rpx;padding-right:{{datas.componentData.paddingList[3].value*2}}rpx;">
	<view class="list-wrap heap-wrap" style="background-color:{{datas.componentData['heapBgColorShow'] ? datas.componentData['heapBgColor'] : ''}};border-radius:{{datas.componentData['cardBorderRadius']*2}}rpx;">
		<!-- 头部 -->
		<view class="tops flex" style="padding:{{(datas.componentData['titleIcon'] || (datas.componentData['moreShow'] && datas.componentData.moreButtonSite=='top')) ?'0rpx 0rpx 0rpx 10rpx' : ''}};margin-bottom:{{datas.componentData['titleCardGap']*2}}rpx">
			<view class="left flex">
				<view class="img" wx:if="{{titleIcon}}">
					<image mode="widthFix" src="{{titleIcon}}" />
				</view>
				<view class="title">{{datas.componentData['titles']}}</view>
			</view>
			<view
			 class="moreTop"
			 bindtap="viewMore"
			 wx:if="{{datas.componentData['moreShow'] && datas.componentData.moreButtonSite=='top' && datas.componentData['goodsSource']!='assign'}}"
			>
				查看更多
				<text class="jt"></text>
			</view>
		</view>
		<!-- 网格布局 -->
		<view
		 wx:if="{{datas.componentData.style==='list'}}"
		 class="goodsItem-list flex"
		 style="margin-left:{{-datas.componentData.proGap*2}}rpx;"
		>
			<view
			 wx:for="{{goodsList}}"
			 wx:key="index"
			 class="goods-item"
			 style="width:{{100/datas.componentData.columnNum}}%;padding-left:{{datas.componentData.proGap*2}}rpx"
			>
				<goods-item
				 datas="{{datas}}"
				 items="{{goodsList[index]}}"
				 indexs="{{index}}"
				></goods-item>
			</view>
		</view>
		<!-- 横向滚动 -->
		<view class="goods-across" wx:elif="{{datas.componentData.style==='across'}}">
			<view class="prev-btn">
				<text class="iconfont-common common-iconyoujiantou"></text>
			</view>
			<view class="next-btn">
				<text class="iconfont-common common-iconyoujiantou"></text>
			</view>
			<view
			 wx:for="{{datas.componentData.goodsList}}"
			 wx:key="index"
			 class="goods-item"
			 style="width:{{100/datas.componentData.columnNum}}%;margin-right:{{datas.componentData.proGap*2}}rpx"
			>
				<goods-item
				 datas="{{datas}}"
				 items="{{datas.componentData.goodsList[index]}}"
				 indexs="{{index}}"
				></goods-item>
			</view>
		</view>
		<!-- 瀑布流 -->
		<view wx:if="{{datas.componentData.style==='waterfall'}}">
			<waterfall-flow
			 generic:defaultCom="goods-item"
			 id="waterfallFlow"
			 note="{{datas.componentData.goodsList}}"
			 datas="{{datas}}"
			 padding="{{datas.componentData.proGap}}"
			 wx:if="{{datas.componentData.goodsList}}"
			 bindonLoad="onLoad"
			 loading="{{loading}}"
			 finished="{{finished}}"
			></waterfall-flow>
		</view>
		<!-- 横向列表 -->
		<view
		 class="goods goods-rowList"
		 wx:elif="{{datas.componentData.style==='rowList'}}"
		 style="margin-left:{{-datas.componentData.proGap*2}}rpx;"
		>
			<view
			 wx:for="{{datas.componentData.goodsList}}"
			 wx:key="index"
			 class="goods-item"
			 style="width:{{100/datas.componentData.columnNum}}%;padding-left:{{datas.componentData.proGap*2}}rpx"
			>
				<goods-item
				 datas="{{datas}}"
				 items="{{datas.componentData.goodsList[index]}}"
				 indexs="{{index}}"
				></goods-item>
			</view>
		</view>
		<!-- 堆叠卡片 -->
		<view class="goods-heap-Item" wx:if="{{datas.componentData.style==='heap'}}">
			<heap-item datas="{{datas}}"></heap-item>
		</view>
		<view
		 class="moreBottom"
		 bindtap="viewMore"
		 wx:if="{{datas.componentData['moreShow'] && datas.componentData.moreButtonSite=='bottom' && datas.componentData['goodsSource']!='assign'}}"
		>
			查看更多
			<text class="jt"></text>
		</view>
	</view>
</view>