微信小程序:实现悬浮返回和分享按钮

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序:实现悬浮返回和分享按钮相关的知识,希望对你有一定的参考价值。

效果图:

技术图片

数据:

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

跳转接口:

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

前端处理:

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

wxml代码:

技术图片

css代码:

技术图片

###js 代码:
技术图片

技术图片

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

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

技术图片

以上是关于微信小程序:实现悬浮返回和分享按钮的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序:返回按钮,返回前两级和返回指定页面

微信小程序的返回按钮监听

微信小程序浮窗怎么取消 只需3步就能取消

微信小程序悬浮按钮

微信小程序--多个按钮选中的联动效果

如何使用微信小程序中的按钮事件实现界面跳转