<template>
    <view class="drug-list c-gap-inner-top-small c-gap-inner-bottom-small">
        <drug-ask-item
            v-if="item.goods"
            :drug-id="item.goods.drugId"
            :head-image="item.goods.headImage"
            :title-name="item.goods.titleName"
            :target-url="item.goods.targetUrl"
            :num="item.goods.num"
            :spec="item.goods.spec"
            :price="item.goods.price"
            width="66px"
            height="66px"
            :logkey="'drug-ask-im_' + item.goods.drugId"
            :price-left="item.priceLeft"
            :price-style="item.priceLeft ? {
                'font-size': '18px',
                'line-height': '1'
            } : {}"
        >
        </drug-ask-item>
    </view>
</template>

<script>
/**
* @file im气泡内商品列表
* @author zhangeryi
*/

import drugAskItem from '../gy/drug-ask-item';
export default {
    config: {
        component: true
    },
    props: {
        item: {
            type: Object,
            default() {
                return {};
            }
        }
    },
    components: {
        'drug-ask-item': drugAskItem
    }
};
</script>

<style lang="less" scoped>
.drug-list {
    padding-left: .02rem;
    padding-right: .02rem;
}
</style>