<view wx:if="{{showFloatCard}}" class="floatCard" bind:tap="handleCardClick">
    <view
        wx:if="{{card._reminderText_ && card.OutOfStock !== 1 && card.PriceHidden !== 1}}"
        class="product-reminder-tag product-reminder-tag-float {{card._reminderType_ === 2 ? 'product-reminder-tag-stock' : 'product-reminder-tag-hot'}}"
    >
        <image wx:if="{{card._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>{{card._reminderText_}}</text>
    </view>
    <view class="floatCardBody">
        <view class="closeIcon" catchtap="hideFloatCard">
            <mp-icon class="icon-mp" icon="close" color="#fff" size="{{16}}"></mp-icon>
        </view>
        <view class="imgWrapper">
            <image class="shoppingCartImage" src="{{card.IntroduceImage}}" mode="aspectFill"></image>
            <view class="soldout-mask" wx:if="{{card.OutOfStock === 1}}">已抢光</view>
            <view class="explain-status" wx:if="{{card.FloatingStatus === 1 || card.ExplainStatus === 1}}">
                <view class="explain-status-dot"></view>
                <text>讲解中</text>
            </view>
        </view>
        <view>
            <view class="cardTitle ellipsis-2">{{card.Title}}</view>
            <view class="highlightarea {{(card.OutOfStock === 1 || card.PriceHidden === 1) ? 'highlightarea-disabled' : ''}}">
                <view class="hightlight textEllipsis">
                    <block wx:if="{{card.PriceHidden === 1}}">待开价¥<text class="char">???</text></block>
                    <block wx:elif="{{card.OutOfStock === 1}}">去看看</block>
                    <block wx:else>{{card.Highlight}}</block>
                </view>
                <image class="goImg {{(card.OutOfStock === 1 || card.PriceHidden === 1) ? 'goImg-disabled' : ''}}" src="../assets/go.svg" />
            </view>
        </view>
    </view>
</view>
