<template>
    <div class="nus_goodsiteminfo">
        <div class="nu_title-wrap">
            <nu-textt
                class="nu_name nu_pingFangM"
                v-if="nameText"
                :nameText="nameText"
                :row="nameRow">
            </nu-textt>
            <nu-textt
                class="nu_subname nu_pingFang"
                v-if="subNameText"
                :nameText="subNameText"
                :row="2">
            </nu-textt>
        </div>
        <slot></slot>
        <slot name="hook_ft">
            <div class="nu_goods-cont-ft" v-if="isPrice">
                <div class="nu_cont-ft-left">
                    <nu-price
                        class="nu_goods-price"
                        :price="price"
                        :oldPrice="oldPrice"
                        :decimal="decimal">
                    </nu-price>
                </div>
                <div class="nu_cont-ft-right">
                    <slot name="hook_rightFt"></slot>
                </div>
            </div>
        </slot>
    </div>
</template>

<script>
import GoodsItemTmp from '../_comm/GoodsItemTmp';
import NuTextt from '../../../../widget/text/textt';
import NuPrice from '../../../../widget/price';

export default {
    extends: GoodsItemTmp,
    name: 'NuGoodsiteminfo',
    components: {
        NuTextt,
        NuPrice
    }
};
</script>

<style lang="scss">
@import '../../../../../_assets/style/_iconFont.scss';
@import '../../../../../_assets/style/_var.scss';
@import '../../../../../_assets/style/_mixin.scss';

.nus_goodsiteminfo {
    height: 100%;
    display: flex;
    flex-direction: column;
    font-size: $nugoodsitem-font-size;
    .nu_goods-cont-ft{
        display: flex;
        justify-content: space-between;
        align-items:flex-end;
        flex-grow: 1;
    }
    .nu_cont-ft-left {
        line-height: 1;
    }
    .nu_goods-price{
        font-size: 16px;
    }
}
</style>


