# Card 信息卡片

商品信息卡片组件

# 基础用法

<amber-card :goodsInfo="dataList"></amber-card>
<script>
  export default{
    data(){
      return{
        dataList: {
        img_url: 'http://121.37.6.129:9999/media/drug/1654845804001001026/0.jpg?1',
        popname: 'mj金银花003(金-单)',
        specpack: '0.5kg',
        wholenum: 400,
        produnitname: '克',
        manuname: '吉林汇参堂中药饮片科技有限公司',
        srpriceD: 10,
        tavatpriceD: 5,
        validsdate: '2020-05-23',
        minsurance: 1,
        labelNames: ['满减', '满赠'],
      },
     
      }
    }
  }
</script>

显示代码 复制代码

# Card Attributes

参数 说明 类型 是否必要 默认值
goodsInfo 商品信息 Object true {}
styles 卡片整体样式 Object false {}