更新记录
1.0.0(2024-02-01) 下载此版本
v1.0.0
平台兼容性
zdx-share-qrcode
分享产品海报,支持后期自定义可以自行修改(app和H5都兼容,小程序后续更新)
引用插件 使用及传参
1.引入插件
<zdx-share-qrcode ref="shareQrcode" :shareInfo="shareInfo" />
2.调用子组件方法生成图片
<button type="primary" @click="$refs.shareQrcode.doposter()">二维码生成图片</button>
3.子组件传参(如需后续完善可自行修改)
shareInfo:{
// 背景色
bgColor : '#fff',
// 标题
title : '看到他的第一时间就忍不住分享给你',
// 商品图 (选一个自己的图片)
goodsCover : 'http://storage.zh.shangkelian.cn/images/2022/01/07/08e732962fc55a2a196f193c94c22cf9.png',
// 商品名称
goodsTitle : '大菠萝大菠萝大菠萝蜜菠萝蜜大菠萝大菠萝大菠萝蜜菠萝蜜',
// 商品价格
goodsPrice : '¥ 123',
// 二维码描述
des1 : '① 长按识别二维码',
// 二维码描述
des2 : '② 查看商品详情',
//二维码地址
qrcode : require('@/static/ewm.png'),
}