老魏 发表于 2021-12-28 17:10:47

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

<div class="btnBlue">URL添加后缀</div>
<div class="clear"></div>
<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>
<!-- 任意网页html在A标签后添加后缀,实现自定义分享图标,分享后组件显示的图片 -->
<!-- 分享图标地址需要进行urlencode编码 -->
<!-- 这里的图片地址为“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” -->
<!-- “?”“#”“&”三个符号间隔,具体根据自己的URI结构选择使用 -->
<!-- URL链控后缀可以组合使用,更多链控规则,请查阅demo -->
<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"><div class="btnSubmit">执行</div></a>
<p class="bgBlueLight ">
下载<a href="https://www.yimenapp.com/doc/demo.cshtml">jsbridge-mini.js</a>上传服务器并引入,根据实际业务自定义JS策略,映射JS只会APP内生效!请<a href="https://bbs.yimenapp.com/thread-12583-1-1.html">下载APP</a>后<a href="intent://app#Intent;scheme=ltapp188269;package=com.yimenapp.dev;end">打开app</a>体验!
</p>
<p>效果演示</p>

<p>APP内点击执行</p>

<p>进入页面点击原生标题栏分享按钮</p>

<p>分享后效果,可以在分享组件里面看到图标已经是我们这里设置的自定义图片了</p>
<p>由于图标是PNG格式,导致透明部分为黑色背景了,一般不建议使用透明PNG</p>
页: [1]
查看完整版本: 链控实现自定义分享图标?xapp-share=1&xapp-share-image=