找回密码
 立即注册

链控实现自定义分享图标?xapp-share=1&xapp-share-image=

[复制链接]
发表于 2021-12-28 17:10:47 | 显示全部楼层 |阅读模式
安卓上架
URL添加后缀
  1. <a href="https://www.yimenapp.com/?xapp-share=1&xapp-share-image=https%3A%2F%2Fbbs.yimenapp.com%2Fdata%2Fattachment%2Fcommon%2Fd9%2Fcommon_274_icon.png">执行</a>
  2. <!-- 任意网页html在A标签后添加后缀,实现自定义分享图标,分享后组件显示的图片 -->
  3. <!-- 分享图标地址需要进行urlencode编码 -->
  4. <!-- 这里的图片地址为“https://bbs.yimenapp.com/data/attachment/common/d9/common_274_icon.png”urlencode编码后为“https%3A%2F%2Fbbs.yimenapp.com%2Fdata%2Fattachment%2Fcommon%2Fd9%2Fcommon_274_icon.png” -->
  5. <!-- “?”“#”“&”三个符号间隔,具体根据自己的URI结构选择使用 -->
  6. <!-- URL链控后缀可以组合使用,更多链控规则,请查阅demo -->
复制代码
执行

下载jsbridge-mini.js上传服务器并引入,根据实际业务自定义JS策略,映射JS只会APP内生效!请下载APP打开app体验!

效果演示

QQ截图20211228171931.jpg

APP内点击执行

QQ截图20211228171944.jpg

进入页面点击原生标题栏分享按钮

QQ截图20211228172018.jpg

分享后效果,可以在分享组件里面看到图标已经是我们这里设置的自定义图片了

由于图标是PNG格式,导致透明部分为黑色背景了,一般不建议使用透明PNG

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|一门开发者社区 ( 蜀ICP备17005078号-4 )

GMT+8, 2025-4-3 13:34 , Processed in 0.029640 second(s), 23 queries .

Powered by Discuz! X3.5

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表