# 商品组件

props:

| 参数  | 类型  | 必填  | 默认值 | 说明 |
| ----- | ----| --- | --- | ---- |
| priceFirst | string | √ | null | 第一个展示的商品价格，必填 |
| priceSecond | string | × | 空 | 第二个展示的商品价格 |
| image | string | × | 空 | 商品图片 |
| name | string | √ | 空 | 商品名称，必填 |
| data | object | × | 空 | 后端下发的该商品信息，点击回调事件中需要的话使用该参数 |
| brief | string,element,elementType  | × | 空 | 副标题内容 |
| productClass | string | × | 空 | 商品组件的class名称 |
| productDirection | horizontal，vertical | × | vertical | 图片和商品信息的布局方式 |
| priceDirection | horizontal，vertical | × | horizontal | 两个价格的排列方式 |
| lineType | string | × | 2 | 商品文字几行展示|
| lineClass | 1，2 | × | 2 | 身份价格颜色支持：purple(紫色)/orange（橙色） |
| mark | string,element,elementType | × | null | 图片左上角角标（输入字符串使是图片地址） |
| extra | string,element,elementType | × | null | 商品和图片布局为水平时，组件右上角的额外信息（输入字符串使是图片地址） |
| priceRight | string,element,elementType | × | null | 价格右侧信息（输入字符串使是图片地址）|

children:
该组件可以传入children，会替换第二个展示价格的内容。

Event 回调:

| 事件名  | 回调参数  |  说明 |
| ----- | ----| --- |
| hardleClick | data | 后端下发的该商品信息 |