Taro活动列表中,对某一个活动添加分享按钮

采用data-留下分享链接的拼接参数
1.在item文件中写按钮 openType=“share”

<Button
     className={classes.rowRightShareButton}
     openType="share"
     data-share-transfer-id={lastGiftingTransferId}
     data-share-picture-url={shareUrl}
     data-share-title={shareTitle}
     onClick={this.onShareClick}
   >
     分享好友
   </Button>
 </View>

2.onShareClick防止item详情页跳转

private onShareClick(e: ITouchEvent) {
   e.stopPropagation();
 }

3.在主页面中添加分享按钮

onShareAppMessage(obj: ShareAppMessageObject) {
    const dataset = get(obj, 'target.dataset', {});
    if (!dataset.shareTransferId) {
      return {};
    }
    const shareConfig: ShareAppMessageReturn = {
      path: `/subpackages/stored-value-card/pages/receive-gift-card/index?id=${dataset.shareTransferId}`,
      imageUrl: dataset.sharePictureUrl,
      title: dataset.shareTitle
    };
    return shareConfig;
  }
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值