效果图:

微信小程序:实现悬浮返回和分享按钮_第1张图片

数据:

依赖微信小程序接口wx.redirectTo、onShareAppMessage来完成

跳转接口:

https://developers.weixin.qq.com/miniprogram/dev/api/wx.redirectTo.html?search-key=redirectTo

前端处理:

1.设置两个按钮 2。绑定对应的事件

wxml代码:

微信小程序:实现悬浮返回和分享按钮_第2张图片

css代码:

微信小程序:实现悬浮返回和分享按钮_第3张图片

###js 代码:
微信小程序:实现悬浮返回和分享按钮_第4张图片

微信小程序:实现悬浮返回和分享按钮_第5张图片

代-码-下载:https://pan.baidu.com/s/1GYntkS83UadLjUY9HgH1Lg,本文涉及代码存于/pages/test/test文件夹中。

对小程序开发有兴趣的朋友可以关注我的公众号【红色扛把子】与我交流讨论。

微信小程序:实现悬浮返回和分享按钮_第6张图片