<view class="cardListWrapper {{mode === 'landscape' ? 'cardListWrapperLandscape' : ''}}" style="color: {{themeColor.FontColor}};">
    <view class="cardListScroller">
    <recycle-view batch="{{batchSetRecycleData}}" id="recycleCardId" height="{{mode === 'landscape' ? recycleHeight : listHeight}}">
        <recycle-item wx:for="{{cardList}}" wx:key="Id" style="width: 100%;">
            <view class="card-item {{(item.OutOfStock === 1 || item.PriceHidden === 1) ? 'card-item-disabled' : ''}}" data-redirect-url="{{item.RedirectUrl}}" data-index="{{index}}" bind:tap="handleCardClick">
                <view class="card-left">
                    <view class="card-index">{{item.Index+1}}</view>
                    <image class="card-img" src="{{item.IntroduceImage && item.IntroduceImage !== 'xxx' ? item.IntroduceImage : '../assets/defaultImg.svg'}}" mode="aspectFill" lazy-load></image>
                    <view class="soldout-mask" wx:if="{{item.OutOfStock === 1}}">已抢光</view>
                    <view
                        wx:if="{{item._reminderText_ && (item.FloatingStatus === 1 || item.ExplainStatus === 1) && item.OutOfStock !== 1 && item.PriceHidden !== 1}}"
                        class="product-reminder-tag {{item._reminderType_ === 2 ? 'product-reminder-tag-stock' : 'product-reminder-tag-hot'}}"
                    >
                        <image wx:if="{{item._reminderType_ === 2}}" class="product-reminder-icon" src="../assets/iconStock.svg" mode="aspectFit"></image>
                        <image wx:else class="product-reminder-icon product-reminder-icon-hot" src="../assets/iconHot.svg" mode="aspectFit"></image>
                        <text>{{item._reminderText_}}</text>
                    </view>
                    <view class="text-box" wx:if="{{item.FloatingStatus === 1 || item.ExplainStatus === 1}}">
                        <image style="width: 24rpx; height: 24rpx;" src="../assets/live.gif"/>
                        讲解中
                    </view>
                </view>
                <view class="card-right">
                    <view class="intro">
                        <view class="intro-title">
                            <image wx:if="{{item._promotionTag_ && item._promotionTag_.isCustom}}" class="promotion-tag-img" src="{{item._promotionTag_.image}}" mode="heightFix"></image>
                            <text wx:elif="{{item._promotionTag_}}" class="promotion-tag-text promotion-tag-type-{{item._promotionTag_.type}}">{{item._promotionTag_.text}}</text>
                            <text>{{item.Title}}</text>
                        </view>
                        <view class="remark">{{item.Remark}}</view>
                        <view wx:if="{{item._memberPriceText_ || item._sellingPointTags_.length}}" class="product-tags">
                            <text wx:if="{{item._memberPriceText_}}" class="product-tag product-tag-member">{{item._memberPriceText_}}</text>
                            <text wx:for="{{item._sellingPointTags_}}" wx:key="*this" class="product-tag">{{item}}</text>
                        </view>
                    </view>
                    <view class="card-bottom">
                        <view class="commont-group {{item.Strikethrough ? '' : 'commont-group-single'}}">
                            <view class="intro-red">
                                <block wx:if="{{item.PriceHidden === 1}}">待开价¥<text class="char">???</text></block>
                                <block wx:else>{{item.Highlight}}</block>
                            </view>
                            <view wx:if="{{item.Strikethrough}}" class="strike-through">{{item.Strikethrough}}</view>
                        </view>
                        <view class="button-group">
                            <view wx:if="{{item.OutOfStock === 1}}" class="button-disabled">已抢光</view>
                            <image wx:elif="{{item.RedirectImage}}" class="button-img {{(item.PriceHidden === 1) ? 'button-img-disabled' : ''}}" src="{{item.RedirectImage}}"></image>
                            <view wx:else class="button-empty"></view>
                        </view>
                    </view>
                </view>
            </view>
        </recycle-item>
    </recycle-view>
    </view>
</view>
