@xsyx/hanzo-share-productposter
v0.2.0
Published
小程序商品详情页小程序图标分享海报
Downloads
3
Readme
小程序商品详情页小程序图标分享海报
版本变更记录
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 |