0.2.0 • Published 4 years ago
@xsyx/hanzo-share-productposter v0.2.0
小程序商品详情页小程序图标分享海报
版本变更记录
V0.2.0 - 2020-03-27
闭馆预览明日商品 - 关注数改成人气值
V0.1.6 - 2020-01-19
背景颜色放错位置
V0.1.5 - 2020-01-18
设置背景颜色为白色
V0.1.4 - 2019-12-16
- 销售价与市场价显示错位，在华为p30和华为mate20X手机中不兼容。
- 市场价删除线X坐往前调10个像素，同时增加删除线的长度。
- 剩余量文字对奇方式改成左对奇，并修改X坐标。
V0.1.2 - 2019-12-11
- 调整已售数量与剩余数量的间距。
V0.1.1 - 2019-12-10
- 关注数和已售为0时，也显示。
V0.1.0 - 2019-12-04
- 图片比例为5:4，非5:4的图片，分享图片将做裁剪，裁剪结果如下： 保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取，取图片的中间部分。
- 无限量时，不显示剩余数量，已售数量小于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 | 海报生成成功事件 | { "imgUrl": '本地海报路径' } | 0.1.0 |