GululuQ-mp/components/product-list/product-list.wxml

<!--components/product-list/product-list.wxml-->
<scroll-view class="scrollView {{position === 'index'&&'scrollViewIndex'}} {{isMargin && 'marginTop'}}" scroll-y bindscrolltolower="onReachBottom">
    <view class="products">
        <view class="goods-item" wx:for="{{goodsList}}" wx:key="index" data-prod="{{item}}" catchtap="goProdDetail">
            <view class="goods-image">
                <image src="{{item.prodPicList[0].picUrl}}" mode="aspectFill" class="goods-image-inner"></image>
            </view>
            <view class="goods-info">
                <text class="goods-name">{{item.prodName}}</text>
                <text class="goods-price" wx:if="{{position !== 'presale'}}">￥{{item.price}}</text>
            </view>
            <view class="goods-action" wx:if="{{position !== 'presale'}}">
                <view class="favorite">
                    <image src="/images/index/fav.png" class="favorite-icon"></image>
                </view>
                <view class="goods-but">
                    <image class="add-to-cart" src="/images/index/add-cart.png" mode="" data-prod="{{item}}" catchtap="addCart"/>
                    <image class="buy-now" src="/images/index/buy-now.png" mode="" data-prod="{{item}}" catchtap="addCart"/>
                </view>
            </view>
            <view class="goods-action" wx:else>
                <text class="goods-price">￥{{item.price}}</text>
                <view class="goods-but">
                    <view class="favorite">
                        <image src="/images/mall/fav.png" class="favorite-icon"></image>
                    </view>
                    <image class="shoppingCart" src="/images/mall/cart.png" mode="widthFix" data-prod="{{item}}" catchtap="addCart"/>
                </view>
            </view>
        </view>
    </view>
</scroll-view>