tourism-wxapp/components/diy-goodsgroup/goodsgroup.wxml

<!-- 商品组 -->
<view style="background:{{style.background}};width: 100%;padding:12rpx 0;">
    <!-- 一栏 -->
    <view wx:if="{{column == 'one'}}">
        <block wx:for="{{list}}" wx:for-item="goods" wx:key="index">
            <view bindtap="goNovaURL" data-id="{{goods.objectId}}" data-url="{{goods.url}}" class="goods-one" style="border-radius:{{style.borderRadius * 2}}rpx;width:{{style.width}}%;height:{{style.height * 2}}rpx;background:{{style.shopBackground}};margin:{{style.margin.top * 2}}rpx {{style.margin.right * 2}}rpx {{style.margin.bottom * 2}}rpx {{style.margin.left * 2}}rpx;padding:{{style.padding.top* 2 }}rpx {{style.padding.right* 2 }}rpx {{style.padding.bottom* 2 }}rpx {{style.padding.left* 2 }}rpx;">
                <view class="goods_img">
                    <image class="image" src="{{goods.image || 'https://img01.yzcdn.cn/vant/empty-image-default.png'}}" alt="" mode="scaleToFill" style="height:{{style.imgheight * 2}}rpx;width:{{style.imgwidth * 2}}rpx;margin-right:{{style.imgmarginRight * 2}}rpx;border-radius:{{style.imgborderRadius * 2}}rpx;"
                    />
                </view>
                <view class="detail" style="width:{{style.goodinfowidth * 2}}rpx;">
                    <view class="name" style="color:{{style.nameColor}};font-size:{{style.namefontSize * 2}}rpx;font-weight:{{style.nameWeight}};margin-bottom:{{style.namemarginBottom * 2}}rpx">
                        {{goods.name}}
                    </view>
                    <view class="desc name" style="color:{{style.descColor}};font-size:{{style.descfontSize * 2}}rpx;margin-bottom:{{style.descmarginBottom * 2}}rpx;">
                        {{goods.desc}}
                    </view>
                    <view class="tags" style="margin-bottom:{{style.tagmarginBottom * 2}}rpx">
                        <block wx:for="{{goods.tag}}" wx:key="t" wx:for-item="t">
                            <van-tag class="tag" color="{{style.tagColor}}" type="primary">{{t}}</van-tag>
                        </block>
                    </view>
                    <view class="bottom">
                        <view class="price">
                            <view style="color:{{style.priceColor}};font-size:{{style.pricefontSize * 2}}rpx;font-weight:{{style.pricefontWeight}};">
                                ￥{{goods.price}}
                            </view>
                            <view style="color:{{style.opriceColor}};font-size:{{style.opricefontSize * 2}}rpx; margin-left: 10rpx;text-decoration: line-through;">
                                ￥{{ goods.originalPrice }}
                            </view>
                        </view>
                        <view class="pay" bindtap="goNovaURL" data-id="{{goods.objectId}}" data-url="{{goods.url}}">
                            <view class="pay-title" style="background:{{style.buttonBackground}};color:{{style.buttonColor}};">
                                购买
                            </view>
                        </view>
                    </view>
                </view>
            </view>
        </block>
    </view>
    <!-- 两栏 -->
    <view wx:if="{{column == 'two'}}" class="fui-goods-group block" style="display: flex;flex-wrap: wrap;">
        <block wx:for="{{list}}" wx:for-item="goods" wx:key="index">
            <view bindtap="goNovaURL" data-id="{{goods.objectId}}" data-url="{{goods.url}}" class="goods-two" style="border-radius:{{style.borderRadius * 2}}rpx;width:{{style.width}}%;height:{{style.height * 2}}rpx;background:{{style.shopBackground}};margin:{{style.margin.top * 2}}rpx {{style.margin.right * 2}}rpx {{style.margin.bottom * 2}}rpx {{style.margin.left * 2}}rpx;padding:{{style.padding.top* 2 }}rpx {{style.padding.right* 2 }}rpx {{style.padding.bottom* 2 }}rpx {{style.padding.left* 2 }}rpx;">
                <view class="goods_img">
                    <image class="image" src="{{goods.image || 'https://img01.yzcdn.cn/vant/empty-image-default.png'}}" alt="" mode="scaleToFill" style="height:{{style.imgheight * 2}}rpx;width:{{style.imgwidth * 2}}rpx;margin-right:{{style.imgmarginRight * 2}}rpx;border-radius:{{style.imgborderRadius * 2}}rpx;"
                    />
                </view>
                <view class="detail" style="width:{{style.goodinfowidth * 2}}rpx;">
                    <view class="name" style="-webkit-line-clamp: 1;color:{{style.nameColor}};font-size:{{style.namefontSize * 2}}rpx;font-weight:{{style.nameWeight}};margin-bottom:{{style.namemarginBottom * 2}}rpx">
                        {{goods.name}}
                    </view>
                    <view class="price">
                        <view style="color:{{style.priceColor}};font-size:{{style.pricefontSize * 2}}rpx;font-weight:{{style.pricefontWeight}};">
                            ￥{{goods.price}}
                        </view>
                        <view style="color:{{style.opriceColor}};font-size:{{style.opricefontSize * 2}}rpx; margin-left: 10rpx;text-decoration: line-through;">
                            ￥{{ goods.originalPrice }}
                        </view>
                    </view>
                    <view class="sale_count" style="color:{{style.saleColor}};font-size:{{style.salefontSize * 2}}rpx;">
                        销量：{{item.sales || 123}}
                    </view>
                    <!-- <view class="pay" bindtap="goNovaURL" data-id="{{goods.objectId}}" data-url="{{goods.url}}">
            <view class="pay-title" style="background:{{style.buttonBackground}};color:{{style.buttonColor}};">
              购买
            </view>
          </view> -->
                </view>
            </view>
        </block>
    </view>
</view>