## 小程序商品详情页小程序图标分享海报

### 版本变更记录

#### V0.2.0 - 2020-03-27
闭馆预览明日商品 - 关注数改成人气值

#### V0.1.6 - 2020-01-19
背景颜色放错位置

#### V0.1.5 - 2020-01-18
设置背景颜色为白色  

#### V0.1.4 - 2019-12-16  
1. 销售价与市场价显示错位，在华为p30和华为mate20X手机中不兼容。
2. 市场价删除线X坐往前调10个像素，同时增加删除线的长度。
3. 剩余量文字对奇方式改成左对奇，并修改X坐标。

#### V0.1.2 - 2019-12-11  
1. 调整已售数量与剩余数量的间距。

#### V0.1.1 - 2019-12-10  
1. 关注数和已售为0时，也显示。

#### V0.1.0 - 2019-12-04

1. 图片比例为5:4，非5:4的图片，分享图片将做裁剪，裁剪结果如下：
　　　　保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取，取图片的中间部分。
2. 无限量时，不显示剩余数量，已售数量小于1时，不显示已售数量。




### 组件初始化

```
<share-productPoster></share-productPoster>

```


### 适用场景
> 小程序商品详情页小程序图标分享海报

### 参数 props
|       参数      |         说明       |     类型    |   默认值   |    版本    |
|      :--:       |      :-------:    |   :----:    |   :----:   |   :----:  |
|  imageUrl       | 商品主图地址        |    String   |   -        |   0.1.0   |
|  saleAmt        | 销售价             |    Number   |   -        |   0.1.0   |
|  marketAmt      | 市场价             |    Number   |   -        |   0.1.0   |
|  saleQty        | 销量               |    Number   |   -        |   0.1.0   |
|  limitQty       | 限量（为0不限量）   |    Number   |   -        |   0.1.0   |
|  folQty         | 关注人数           |    Number   |   -        |   0.1.0   |




### 自定义事件 
|       名称      |         说明       |      传递的数据     |    版本    |
|      :--:       |      :-------     |        :----      |   :----:   |
| posterComplete  |  海报生成成功事件   |  { <br>　　"imgUrl": '本地海报路径'<br> }        |   0.1.0    |