<wxs module="utils" src="../wxs/utils.wxs"/>

<view class="custom-class van-card">
    <view class="{{ utils.bem('card__header', { center: centered }) }}">
        <view bind:tap="onClickThumb" class="van-card__thumb">
            <image
                    class="van-card__img thumb-class"
                    lazy-load="{{ lazyLoad }}"
                    mode="{{ thumbMode }}"
                    src="{{ thumb }}"
                    wx:if="{{ thumb }}"
            />
            <slot name="thumb" wx:else/>
            <van-tag
                    custom-class="van-card__tag"
                    mark
                    type="danger"
                    wx:if="{{ tag }}"
            >
                {{ tag }}
            </van-tag>
            <slot name="tag" wx:else/>
        </view>

        <view class="van-card__content {{ utils.bem('card__content', { center: centered }) }}">
            <view>
                <view class="van-card__title title-class" wx:if="{{ title }}">{{ title }}</view>
                <slot name="title" wx:else/>

                <view class="van-card__desc desc-class" wx:if="{{ desc }}">{{ desc }}</view>
                <slot name="desc" wx:else/>

                <slot name="tags"/>
            </view>

            <view class="van-card__bottom">
                <slot name="price-top"/>
                <view class="van-card__price price-class" wx:if="{{ price || price === 0 }}">
                    <text>{{ currency }}</text>
                    <text class="van-card__price-integer">{{ integerStr }}</text>
                    <text class="van-card__price-decimal">{{ decimalStr }}</text>
                </view>
                <slot name="price" wx:else/>
                <view class="van-card__origin-price origin-price-class" wx:if="{{ originPrice || originPrice === 0 }}">
                    {{ currency }} {{ originPrice }}
                </view>
                <slot name="origin-price" wx:else/>
                <view class="van-card__num num-class" wx:if="{{ num }}">x {{ num }}</view>
                <slot name="num" wx:else/>
                <slot name="bottom"/>
            </view>
        </view>
    </view>

    <view class="van-card__footer">
        <slot name="footer"/>
    </view>
</view>
